图像透明度 - Hover 效果
导读:图象无色度 - Hover 造诣 请把鼠标指针移动到图象上: CSS 是这样的: img { opacity:0.4; filter:alpha(opacity=40 ; /* 针对 IE8 以及更早的版本 */ } img:...
图象无色度 - Hover 造诣
请把鼠标指针移动到图象上:
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)。
当鼠标指针移出图像后,图象会再一次无色。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 图像透明度 - Hover 效果
本文地址: https://pptw.com/jishu/665648.html