CSS 图像悬停不透明度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 图像悬停不透明度相关的知识,希望对你有一定的参考价值。

#menu ul li a img{ /* Image opacity */
filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40;
opacity:0.4;
}

#menu ul li a:hover img { /* Image opacity when rolled over */
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00;
opacity:1;
}

以上是关于CSS 图像悬停不透明度的主要内容,如果未能解决你的问题,请参考以下文章

CSS 图像悬停不透明度

使用 CSS3 悬停时的背景图像不透明度过渡

使用 CSS 反向图像悬停

css基础 CSS 图片廊CSS 图像透明/不透明CSS 图像拼合技术

CSS:圆角 + 不透明度 = 图像在 Firefox 19 中消失

悬停时更改图像不透明度