欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

图象无色度 - Hover 造诣

请把鼠标指针移动到图象上:

Peach Blossom

CSS 是这样的:

 

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */
}

第一个 CSS 代码块沟通实例 1 中的代码。其他,我们已经设置装备摆设了当鼠标指针位于图象上时的款式。在这个例子中,当指针挪动到图象上时,我们渴望图像是不透亮的。

对应的 CSS 是:opacity=1。

IE8 以及更早的浏览器:filter:alpha(opacity=100)。

当鼠标指针移出图像后,图象会再一次无色。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r52997.shtml