HTML:
<body>
<div id="container"></div>
</body>
CSS:
body{
background:#f06226;//dark orange
}
#container{
background:rgba(255,165,0, 0.8);//orange
}
当我将背景颜色更改为黑色 rgb(0, 0, 0) 时，容器背景变为棕色而不是保持橙色。为什么会发生这种情况，我该如何预防？
最佳答案
发生这种情况是因为您在 #container 背景上定义了不透明度。
background:rgba(255,165,0, 0.8);//orange
0.8 定义了 80% 的不透明度，因此您的 #container 具有一定的透明度，这会导致您的 body 的黑色背景融入其中。您可以将其更改为1 或将您的 #container 代码更改为 background:rgb(255,165,0);//orange
关于html - 父背景改变了子元素的背景颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33837155/