1

我添加了主 div 的不透明度，因为opacity:0.5我也有子 div 包含消息。HTML：

<div id="word_wrap">
    <div id="top_div">
        Hi Folks Nice to Meet you
            </div>
</div>
<input id="floating_button" type="button" value="Click Me"/>

这是小提琴：

http://jsfiddle.net/JVQTh/ 现在它的不透明度完全出现在 div 包括子 div 上。但我想显示不透明的子 div，背景不透明。是否可以在 jquery 或 css 中做到这一点。

在上面的小提琴中，我将 sub div 背景设为红色。我想显示没有不透明度的子 div。如何排除子 div 本身或相应 div 本身的不透明度。

谢谢。

4

1 回答 1

3

当你在一个元素上设置不透明度时，该元素的所有子元素的不透明度都为1，但是由于它们在父元素内部，所以在父元素上设置的不透明度也会影响子元素，所以你不能设置孩子的不透明度比父母“更明显”，因为孩子的不透明度已经是 1。

您将获得的最接近的是 rgba 颜色，并非所有浏览器都支持：

background-color: rgba(255, 0, 0, 0.5);

小提琴

这将背景颜色设置为红色，alpha（不透明度）为 0.5，而不设置整个元素或其子元素的不透明度。

于 2013-09-28T11:55:40.023 回答