图像的透明度-悬停效果

2024-01-16 14:34 小编
    图像的透明度-悬停效果
 
    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).
 
    当鼠标指针远离图像时,图像将重新具有透明度。


Tag: 效果
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码