我想知道是否有任何方法可以让孩子比父母更透明。我需要div
通过比div
它包含的更多内容来制作一个节目,有什么方法可以用 CSS 实现这一点吗?
这就是我的目标:我有一个不透明度为 0.6 的背景,左边的元素有 0.8,所以它更暗,但我需要右边的元素更透明。为它设置比父级更少的 alpha 不起作用,它只是匹配其父级。
它不能使用 CSS 2 来完成,但可以使用 CSS 3 来完成http://www.css3.info/introduction-opacity-rgba/
如果您使用rgba 作为父级的背景颜色,内部元素将不会得到不透明度。
不想用css3的话,除了把孩子放在父母外面,玩位置,别无他法。
根据您的情况,您可以尝试以下任何方法:
position:absolute
并使用 CSS 将其移动到您想要在父 div 前面的位置。CSS 3 技术在各种浏览器中的兼容性:http: //caniuse.com/css-opacity