首先，用大家比较熟悉的CSS属性opacity来改变div的背景颜色。
创新互联是专业的武山网站建设公司，武山接单;提供网站建设、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行武山网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。
首先，上面这种定法是不行的啦，那就只能用两个层重叠的方法啦。 改下页面结构与CSS样式： HTML代码：div div 背景为红色(#FF0000)，透明度20%。
clear：both；/*清除浮动效果，避免到时候到处乱跑，比如做了过渡动画的时候。
要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。
HTML（HyperTextMarkupLanguage）是超文本标记语言的缩写HTML使用标记语言描述Web页面的结构HTML元素是HTML页面的构建块HTML元素通过标签tag表示HTML标签是“标题”、“段落”，“表格”等内容的一部分。
首先，打开html编辑器，新建html文件，例如：index.html。
设置背景颜色半透明的样式代码background-color：rgba(0，0，255，0.5)；运行结果为 透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。
CSS如何设置div半透明效果：设置元素的透明度在很多应用中都有使用，下面就介绍一下如何设置一个元素为半透明，其他的透明效果自己衍伸就可以了。
首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。然后我们添加一个透明度的代码（opacity：0.6）。
代码应用的式CSS中的Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。
还有就是设置background-color：rgba()，这种方式只能设置背景颜色的透明度。
问题分析：HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。举例如下：以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。HTML代码： 我是黑色背景，不透明的。
要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。
在html中，图片背景由淡白色背景、淡灰色背景和白色图片组成，文本背景为白色；在css中，当css背景为淡白色背景时，背景为淡灰色文本时，文本背景为深灰色，两者之间应有较小的白域，从而避免了文本的干扰。
图片小了同样会增加页面的渲染计算量，那么这时也许就 需要用CSS滤镜了。
设置背景颜色半透明的样式代码background-color：rgba(0，0，255，0.5)；运行结果为 透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。
代码： .rgba{ background-color： rgba(0，0，0，0.5)；height： 200px；} 保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。所有代码。
还有就是设置background-color：rgba()，这种方式只能设置背景颜色的透明度。
