使用css让图片实现半途明

css代码：

完整div+css的html文件

      

         

            

            

            

            

            

         

         

            

            以上是CSS处理后效果

            

            

            

            以上是处理前效果

             

使用到的是CSS滤镜效果代码：

filter: Alpha(Opacity=30, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100) 更改里面的数字调节透明度和效果

注意的是在火狐或谷歌浏览器中这个CSS滤镜效果不能实现或不起作用，所以我们一般推荐不使用CSS滤镜，还有CSS滤镜会导致用户电脑内存的占用过多，网页浏览不畅，适可运用即可。

 

 

 

 

文章来源：https://www.shengli.me/css/8.html