将一个div整体应用到另一个div中并设置不透明度
将一个div整体应用到另一个div中并设置不透明度
提问于 2010-09-22 18:28:16
假设我有一个html对象树，如下所示：
<div>
<p>Text 1</p>
<p>Text 2</p>
<div></div>
</div>我想让css在外部的内部div中泛洪。然而，我希望文本等显示完好。我的想法是，我可以设置一个bg颜色和不透明度到内部div，而不影响文本。我该怎么做呢？
编辑:只是为了强调我的观点:我可以很好地设置外部div的不透明度，但里面的文本也会褪色。我不希望这件事发生
回答 4
Stack Overflow用户
发布于 2010-09-22 18:31:23
你是说像这样吗？
div>div {
background-color: red;
opacity: 0.5;
}它使用子选择器，因此只会选择直接位于另一个div中的div。由于div几乎是最常见的HTML元素，因此我建议至少为其中一个元素指定一个类名。
<div class="innerDiv"></div>然后，您可以在您的CSS样式表中使用.innerDiv {}设置样式。
Stack Overflow用户
发布于 2010-09-22 18:31:34
你不能这样做，你需要做的是：
<div class="maindiv">
<p>Text 1</p>
<p>Text 2</p>
</div>
<div class="floatingbkg"></div>并将不透明度应用于浮动the，然后将它们放在一起，并将浮动with放在maindiv后面。
我确实创建了一个jqueryplugin来做这件事，但是我还没有完成它，它模拟了来自iphone的弹出窗口。
您将需要使用相对定位或诸如此类的方法来使div彼此完全一致。
Stack Overflow用户
发布于 2010-09-22 18:31:49
我不清楚您所说的“泛洪”是什么意思，但要实现这一点，您可以使用css规则层次结构：
div {}影响所有div
div div{}影响其他div中的所有div
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3768330
复制相关文章
相似问题
腾讯云开发者
