对CSS3的透明度属性设置透明效果的使用的详细说明

的不透明度功能的CSS3属性用于控制透明页面元素的影响（调整不透明度），早期的Web设计中经常使用的一种透明的效果，通常采用PNG层使透明感的现在，网站设计者可以使用CSS3透明度轻松实现页面元素的不透明度调整，CSS3透明度属性的语法很简单，只需要通过数字调节，可以显示不同的不透明度，然后设计了一个现代风格，可用于Web图像，div块，跨区域，表…和其他元素，所有主要的浏览器支持CSS3效果的不透明度属性的新版本。

CSS3透明度属性的基本语法
不透明性：不透明；
对CSS3透明度属性参数的不透明度为代表的数字，从0到1，和0是完全透明的，1是完全不透明的。换句话说，数字越大，元素越不透明，除了参数的不透明，继承继承父层属性，但浏览器支持较差，不推荐使用。

CSS3透明度属性实例
CSS代码将内容复制到剪贴板。
测试CSS3透明度属性的不透明度
测试CSS3透明度属性的不透明度
测试CSS3透明度属性的不透明度
示例输出效果
制备的样品共三加入div块不透明的效果，你可以从上面的第一块通知，不透明度为0.1（不透明度：0.1）使整个街区成为文本和颜色的二块几乎看不见，不透明度为0.5（不透明度：0.5），比第一块，明显超过第三块，进一步降低不透明度为0.8，文本颜色和背景颜色更明显，这是实际效果CSS3透明度属性，实例可以清楚地看到，在一个div块的文本和背景色（背景色）将不透明度不透明度属性影响。

补充：主流的浏览器的当前版本都支持CSS3透明度属性，但是需要注意的是，IE8在早期版本的IE浏览器必须使用替代语法不重要，所谓的替代语法是过滤器属性的使用，如写过滤器：α（不透明度50）；效果等于0.5的不透明度。

不透明透明度属性的继承
CSS3透明度透明度属性继承。当对象使用不透明透明属性设置时，其子集元素也将具有透明效果。

xml代码将内容复制到剪贴板。

背景色RGB的不透明效果
背景颜色RGBA透明效果

CSS：

CSS代码将内容复制到剪贴板。
主要{。
明确：错误；
保证金：20%汽车；
溢出：隐藏；
宽度：335px；
}
主要div {
颜色：红色；
浮点数：左；
显示：内联块；
宽度：160px；
身高：160px；
文本对齐：中心；
}
使用不透明属性的显示透明属性
。DIV1 {背景颜色：RGB（0,0,0）；
不透明性：0.5；
滤镜：alpha（不透明度= 50）；
MS过滤器：'progid：DXImageTransform.Microsoft.Alpha（不透明度50）；右边距：15px；
}
DIV1 p {。
职位：相对；
}
* / / *使用RGBA颜色显示效果
格式{。
背景：RGBA（0,0,0，。5）
}

结论：RGBA的背景颜色可以直接设置对象的透明效果，并没有继承其子集元素。但是，使用RGB颜色和设置不透明透明属性的对象会产生透明继承。

但是，你可以把代码和测试在IE9浏览器复制下面，你会发现在IE7，IE8浏览器中的对象设置不透明度属性集中子透明元素不继承父元素设置透明度效果，并设置背风景为RGBA对象但没有任何效果。这是因为在位置中的对象设置不透明度透明度属性设置元素的子集：相对属性，这使得它在IE9浏览器解决以下；其次在IE9浏览器下不与RGBA颜色兼容，所以你会看到没有效果的二种背景颜色。