不透明度低于父母的孩子

时间：2012-10-23 20:20:44

标签： html css opacity

我想知道是否有办法让孩子比父母更透明。我需要通过超过其中包含的div进行div展示，以及通过CSS实现此目的的任何方式吗？

这就是我的目标：我有0.6不透明度的背景，左边的元素有0.8，所以它更暗，但是我需要右边的那个更透明。设置较少的alpha而不是父级不起作用，它只是匹配其父级。

enter image description here

2 个答案:

答案 0 :(得分：0)

使用CSS 2无法完成，但可以使用CSS 3 http://www.css3.info/introduction-opacity-rgba/来完成 如果您使用rgba for backgournd-color作为父级，则内部元素将不会获得不透明度。

如果你不想使用css3，除了把孩子放在父母之外并且玩位置之外你没办法。

答案 1 :(得分：0)

根据您的具体情况，您可以尝试以下任何一项：

  1. 给孩子position:absolute并使用CSS将其移动到父div前面所需的位置。
  2. 将子项或父项转换为图像，然后根据需要在另一项上使用不透明度。
  3. 使用CSS 3：http://www.css3.info/preview/opacity/

    4. CSS 3技术在各种浏览器中的兼容性：http://caniuse.com/css-opacity

相关问题
最新问题