图像透明度 - Hover 效果

2019-09-13 郑州网站建设  

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

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://tzchb.ieyo.com/dede/2198.html转载请标明出处,谢谢合作!
标签:
  • 效果
  • 鼠标
  • 移动
  • 透明度
  • 图像
  • hover
  • 指针