如何设置背景图片透明度

图片作为CSS配景时，若何设置后援图片无色度，让配景图片半通明。纯色后盾半透明对照简单，而图片相对属性要略微复杂些，考虑阅读器兼容和阅读器版本。

法子一：直接编纂图片

直接将图片在图片编辑软件中（比如PS）编辑出自身想要的半无色造诣。

法子二：哄骗CSS滤镜

filter设置装备摆设图片后援半无色成就，流弊为图片及文字都邑泛起半通明成效。

1、对应设置装备摆设半通明CSS代码：

filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.60;

2、注解代码：

filter:alpha(opacity=50); /*支持 IE 阅读器*/
-moz-opacity:0.50; /*赞成 FireFox 涉猎器*/
opacity:0.50; /*支持 Chrome, Opera, Safari 等阅读器*/

3、实例HTMLCSS代码

filter滤镜配置半无色效果 CSS5

body{
 font-size:16px}

.book,.book-a{
 border:2px solid #333}

.book{
     width:300px;
     height:100px;
 bac千克round:url(logo.gif)}

.book-a{
     width:300px;
     height:100px;
    
filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.60;
 bac公斤round:url(logo.gif)}
    



学习css在CSS5意图问题和学习不错
深造css在CSS5规划标题和进修不错

以上代码可直接拷贝上来，保留HTML后，阅读器测试看看成就。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！