Css 从父级删除不透明度的继承？_Css_Html_Inheritance_Overlay_Opacity

Css 从父级删除不透明度的继承？

css html inheritance

Css 从父级删除不透明度的继承？,css,html,inheritance,overlay,opacity,Css,Html,Inheritance,Overlay,Opacity,我有一个div标签。我想删除子级继承的#overlay的不透明性这是我的密码： <body id="bg"> <div id="overlay"> <header id="colortext">dgjdhgjdhd</header> </div> </body> 我希望有这样的网站背景：如何执行此操作？无法阻止子元素继承其父元素的不透明度，因为这是在渲染后完成的相反，请使用rgba值：

我有一个

div

标签。我想删除子级继承的

#overlay

的不透明性

这是我的密码：

<body id="bg">
    <div id="overlay">
        <header id="colortext">dgjdhgjdhd</header>
    </div>
</body>

我希望有这样的网站背景：

如何执行此操作？

无法阻止子元素继承其父元素的不透明度，因为这是在渲染后完成的

相反，请使用

rgba

值：

#overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(0,0,0,0.5);
           // red, green, blue, opacity
}

有关更多信息，请参见

您所说的“删除继承”是什么意思？我想禁用Div中所有使用标记的继承我想我知道您的意思。您可能希望使用子选择器<代码>div#overlay>*这将只匹配您div的所有直接子项。然后您应用规则重置div中的子项。对不起。我的英语很差，但我希望我能明白我的意思啊。。。不幸的是，恐怕这并不容易。但这本身并不是一个继承的问题。

#overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(0,0,0,0.5);
           // red, green, blue, opacity
}