css如何设置背景图片半透明

在css中，可以使用opacity属性来设置背景图片的半透明。下面小编举例讲解css如何设置背景图片半透明。

东西/原料

1
新建一个html文件，定名为test.html，用于讲解css若何设置布景图片半透明。
2
在test.html文件内，利用div标签建立一个模块，下面将给该div设置布景图片。
3
在test.html文件内，设置div标签的class属性为mypen，本家儿要用于下面设置样式。
4
在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5
在css标签内，经由过程class设置div的宽度为200px，高度为200px，布景图片为2.jpg，再利用filter、-moz-opacity、opacity属性设置布景图片的透明度为50%，即半透明。
6
在浏览器打开test.html文件，查看实现的结果。
END