CSS透明属性详细解释代码
透明性通常在网页上产生良好的视觉效果，它首先设想与主流浏览器兼容的CSS透明代码。复制代码代码如下所示：
{。transparent_class
滤镜：alpha（不透明度= 50）；
-个不透明度：0.5；
- KHTML不透明度：0.5；
不透明性：0.5；
}
上面的属性是：
不透明：0.5，这是最重要的，因为它是CSS标准。此属性支持Firefox、Safari和Opera。
过滤器：α（不透明度50）；这是IE6，可值在0-100，其他三0 1。
-moz不透明度：0.5；这是支持一些老版本的Mozilla浏览器。
-不透明度：0.5；这是KHTML支持一些老版本的Safari浏览器。
CSS透明度的继承
但是CSS的透明属性涉及到一连串的问题，当透明的父元素、子元素自动继承其透明度时，即使子元素指定透明度为1也是无效的。
为子元素的情况的文字，我的解决方案通常是可以看到的，不管它是多少，另一个折衷的办法是指定的文本元素相对较深的颜色。也就是说，当元素继承的透明度、颜色和文字正是你想要的。前提是，颜色也可能与颜色及透明度的值应详细计算。
和取消透明度的想法是不太准确的。据我所知，没有办法取消透明性。只是说，当你想实现多元素叠加时，只有当指定的元素是透明的，一些可以使用的黑客。
找到实现这一效果，对透明的继承问题的一个很好的方式，与有兴趣的朋友可以研究一下。原理很简单，添加一个空元素为透明层，和元素，不想被透明而达到覆盖效果的父元素。使用位置：相对定位；两个子元素使用位置：绝对定位实现覆盖。
HTML代码：
复制代码代码如下所示：
这里的文字和图片不透明。
照片
CSS代码
复制代码代码如下所示：
{体
背景图片：URL（105247）；
背景重复：重复；
}
。DIV2 {宽度：100px；身高：100px；背景：URL（。/ testbok。PNG）}
。div3 {宽度：200px；高度：200px；位置：相对；边距：10px }
。DIV4 {位置：绝对的；最高：0；高度：200px；宽度：200px；Z指数：1；背景：# ffffff；过滤器：α（不透明度70）；不透明度：0.7；}。
如果外部容器的高度是不确定的，只是设置的div3高度够不够。
此方法有一个缺点：空div