当图片作为CSS匹配场景时，如何设置备份图片的无色程度，使匹配的图片半亮。纯色打底半透明对比简单，图片相对属性略复杂，考虑阅读器兼容性和阅读器版本。

方法一：直接编译图片

直接在图片编辑软件(如PS)中编辑图片，打造你想要的半无色造诣。

方法二：特技CSS滤镜

滤镜设置设备，显示图片，备份半无色成果，缺点是图片和文字半亮。

1.用半明设备对应设置CSS代码：

filter:alpha(不透明度=60)；-moz-opa city 33600.6；opacity:0.60

2.注释代码：

filter:alpha(不透明度=50)；/*支持IE阅读器*/

-moz-opa city 33600.50；/*支持FireFox涉猎者*/

opacity:0.50/*支持Chrome、Opera、Safari和其他阅读器*/

3.HTMLCSS代码示例

！声明文档类型

超文本标记语言

头

meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /

标题滤镜滤镜配置半无色效果CSS5/标题

风格

正文{ font-size:16px}。书。book-a { border :2 px solid # 333 }。book { width:300pxheight:100pxBac kg round:url(logo.gif)}。book-a { width :300 px；height:100px

filter:alpha(不透明度=60)；-moz-opa city 33600.6；opacity:0.60Bac kg round:url(logo.gif)}

/style

/head

身体

Div class='book '在css5学CSS，学好/div

Div class='book-a '在css5 /div里规划标题和进一步学习CSS就不错了

/body

/html

以上代码可以直接复制。保留HTML后，读者测试看成绩。