图像的透明度-悬停效果

 

    CSS样式：

 

img

 

{

 

  opacity:0.4;

 

  filter:alpha(opacity=40); /*  IE8 及其更早版本 */

 

}

 

img:hover

 

{

 

  opacity:1.0;

 

  filter:alpha(opacity=100); /* IE8 及其更早版本 */

 

}

 

    增加了当用户将鼠标悬停在其中一个图像上时发生什么。在这种情况下，当用户将鼠标悬停在图像上时，我们希望图片是清晰的。

 

    此CSS是：opacity=1.

 

    IE8和更早版本使用：filter:alpha(opacity=100).

 

    当鼠标指针远离图像时，图像将重新具有透明度。