图像透明度 - Hover 效果

2024-01-18 13:50 小编

图象无色度 - 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)。

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


在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码