jquery 如何改变不透明度的图像悬停使用css

cyej8jka 于 12个月前发布在 jQuery

关注(0)|答案(2)|浏览(90)

我试图弄清楚如何设置所有图像为50%不透明度最初，然后更改为100%不透明度悬停。
我尝试在.css文件中设置此规则，但它给出了一个解析错误：

img {
  opacity:0.4;
  filter:alpha(opacity=40); 
}
img:hover {
  opacity:1.0;
  filter:alpha(opacity=100); 
}

字符串

jquery

来源：https://stackoverflow.com/questions/18223663/how-to-change-the-opacity-of-image-on-hover-using-css

2条答案

按热度按时间

bihw5rsg1#

你的代码是好的-在此验证与友好的鱼小提琴：http://jsfiddle.net/Qrufy/

img {
        opacity: 0.5;
        filter: alpha(opacity=40);
    }
    
    img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

个字符
opacity属性适用于所有现代浏览器，filter:alpha涵盖<= IE8。

赞(0）回复(0）举报 12个月前

oxf4rvwz2#

这将给予您更好和平滑的输出

img {
    opacity: 0.5;
    transition: 0.3s;
}
img:hover {
    opacity: 1.0;
    transition: 0.3s;
}

字符串

赞(0）回复(0）举报 12个月前

我来回答

jquery 如何改变不透明度的图像悬停使用css

2条答案

相关问题

热门标签

最新问答