配色: 字号:
如何用CSS实现图片半透明
2016-11-30 | 阅:  转:  |  分享 
  
如何用CSS实现图片半透明?

先来看下CSS半透明效果:



CSS代码:



参考CSS图像透明教程

完整DIV+CSS?的html代码:

所有主流浏览器都支持opacity属性?。点击CSS图像透明属性实例?体验效果。



注意:IE8和早期版本支持另一种CSS滤镜属性。像:filter:Alpha(opacity=50)``filter:Alpha(Opacity=30,FinishOpacity=0,Style=1,StartX=0,StartY=0,FinishX=100,FinishY=100)更改里面的数字调节透明度和效果。需要注意的是在火狐或谷歌等浏览器中这个CSS滤镜效果不能实现或不起作用,所以我们一般不推荐使用,还有CSS滤镜会导致用户电脑内存的占用过多,网页浏览不流畅,使用需谨慎。



献花(0)
+1
(本文系w3cschool教...首藏)