0

我想知道是否有任何方法可以让孩子比父母更透明。我需要div通过比div它包含的更多内容来制作一个节目,有什么方法可以用 CSS 实现这一点吗?

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

在此处输入图像描述

4

2 回答 2

0

它不能使用 CSS 2 来完成,但可以使用 CSS 3 来完成http://www.css3.info/introduction-opacity-rgba/
如果您使用rgba 作为父级的背景颜色,内部元素将不会得到不透明度。

不想用css3的话,除了把孩子放在父母外面,玩位置,别无他法。

于 2012-10-23T20:23:04.930 回答
0

根据您的情况,您可以尝试以下任何方法:

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

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

于 2012-10-23T20:25:51.233 回答