CSS3 opacity属性的功能是控制web元素的透明效果(调整不透明度)。 早期的网页设计使用了很多透明效果。 通常使用png图层创建透明感。 现在，web设计人员可以使用CSS3 opacity属性轻松调整web元素的不透明度。 CSS3 opacity属性的语法非常简单。 只要调整数字，就可以表现出不同的不透明度。 此外，我们还设计了相当现代的web样式，可应用于web图像、DIV块、span区域、Table表单. 等元素。 所有新的主要浏览器都支持CSS3 opacity属性的效果。
CSS3 opacity属性基本语法opacity:不透明度；
CSS3 opacity属性参数的“不透明度”以数字表示。 0.0到1.0中的任何一个都可以。 完全透明度为0.0，完全不透明度为1.0。 换句话说，数字越大，表示元素越不透明。 参数可以使用“不透明度”，也可以由inherit继承父层的属性，但由于浏览器支持不充分，因此不建议使用。
CSS3 opacity属性的实际示例
CSS代码将内容复制到剪贴板
测试CSS3opacity属性的不透明度处理
测试CSS3opacity属性的不透明度处理
测试CSS3opacity属性的不透明度处理
样本的输出效果
作为示例，我们提供了三个添加了opacity效果的DIV块。 从顶部开始的第一个块的不透明度为0.1(opacity:0.1 )，因此整个块几乎看不到颜色和文字。 第二个块的不透明度设置为0.5 ) opacity33600.5 )，因此比第一块清晰得多。 如果将第三个块的不透明度再次降低到0.8，则文本和背景的颜色会更清晰。 这就是CSS3 opacity属性的实际效果。 示例显示，DIV块中的文本内容和背景颜色受opacity属性的不透明度影响。
补充说明：虽然目前新版主要浏览器支持CSS3 opacity属性，但IE浏览器的IE8及更早版本使用filter属性(例如“filter3360alpha(opacity=50 )”)的替代语法实现”，获得与“opacity:0.5”相同的效果。
opacity透明度属性继承问题CSS3的opacity透明度属性是继承性的，如果对象设置了opacity透明度属性，则子集元素也具有透明度效果。
XML/html代码将内容复制到剪贴板
背景颜色为rgb的操作效果