CSS 链接/图像不透明度直到悬停

Posted

tags:

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

The CSS


 a.linkopacity img {
   	filter:alpha(opacity=50);
   	-moz-opacity: 0.4;
  	 opacity: 0.5;
   	-khtml-opacity: 0.4;}
     a.linkopacity:hover img {
   	filter:alpha(opacity=100);   
   	-moz-opacity: 1.0;   
  	 opacity: 1.0;
  	 -khtml-opacity: 1.0; }


Add the class "linkopacity" to the <a>

<a href="#" class="linkopacity"><img src="images/photo.jpg"></a>

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

如何使用css更改悬停时图像的不透明度

CSS 图像悬停不透明度

悬停链接以更改图像的不透明度

添加带有图像的悬停效果(wordpress)

使用 CSS 更改悬停时的链接不透明度

淡入图像,直到单击另一个图像