图片作为CSS配景时,若何设置后援图片无色度,让配景图片半通明。纯色后盾半透明对照简单,而图片相对属性要略微复杂些,考虑阅读器兼容和阅读器版本。
法子一:直接编纂图片
法子二:哄骗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、实例HTML CSS代码
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后,阅读器测试看看成就。
相关资源:哄女孩子开心的小软件-其它其他资源-CSDN文库
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!