css如何设置背景图片的透明度呢?


摘要:
下文讲述使用css代码将div的背景图片设置透明度的方法分享,如下所示:

实现思路:
    使用filter滤镜即可设置背景透明度,如下:设置透明度为百分之70
    filter:
     alpha(opacity=70); /*支持 IE 阅读器*/
     -moz-opacity:0.70; /*赞成 FireFox 涉猎器*/
     opacity:0.70; /*支持 Chrome, Opera, Safari 等阅读器*/

例:
设置div的背景透明度为百分之50

 <meta charset='utf-8' />
<style>
 div{
   background-image:url(http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png);
   width:300px;
   height:150px;
   margin-top:10px;
}


/*设置 div2中背景图片
 的透明度为百分之50
*/
#div2{
  filter:
     alpha(opacity=50); 
     -moz-opacity:0.50; 
     opacity:0.50;  
}
</style>
<p>
maomao365.com <br />
设置背景图片透明度
</p>
<hr />

<div id="div1"></div> 

<div id="div2"></div> 
css设置背景图片透明度的示例分享

css设置背景图片透明度的示例分享