1、新建html文档，在body标签中添加一个img标签，这时默认情况下图片是不透明的：
2、在head标签中添加style标签，在style标签中为img标签设置透明度样式，其中三个属性是为了兼容不同浏览器：
3、刷新浏览器中的页面，这时可以发现浏览器中图片的透明度改变了，透明度的范围是0-1，0表示完全透明，1表示不透明：
设置div元素背景透明度，而不设置div里面元素透明度的方法：创建静态页面插入一个div和十个子div-类选择器和元素选择器设置div标签-打开浏览器预览-使用nthoftype设置div元素-保存打开浏览器预览。具体方法如下：
1、在openhbuilderx工具中，创建一个新的静态页面并插入一个div和十个子div。
2、使用类选择器和元素选择器设置div标签的样式，如宽度、高度、行高、文本中心等。
3、保存代码，直接打开浏览器预览界面。你能看见十个圆圈。
4、使用nthoftype设置多个div元素的背景色。
5、再次保存代码并打开浏览器预览效果。可以找到元素的背景色。
注意事项：
一般来说，我们可以使用CSS的opcity属性来改变一个元素的透明度，但是它的子元素的透明度也会改变，即子元素被重新定义了。例如：<div style="opacity:0.4background-image:url(...)"><div style="opacity:1.0">显示文字</div></div>文字元素的透明度也会是0.4。
现在比较稳妥的做法是做一个半透明的黑色PNG图片，然后把它作为背景，因为单纯用CSS来写，在IE8及以下版本里面是不生效的。当然如果一定要用CSS来实现的话，也容易，可以直接设置这个元素的透明度，例如下面这样：background:#000opacity: 0.8
也可以直接设置背景色为透明色，例如：
background:rgba(0,0,0,0.8)
这也是楼上的方法，相对而言这个方法还是比较简洁的，只是会遇到一点点浏览器兼容的问题罢了。
