Question

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)时，容器背景将变为棕色而不是橙色。为什么会发生这种情况，我该如何预防呢？

Answer 1

这种情况正在发生，因为您在#container背景上定义了不透明度。

background:rgba(255,165,0, 0.8);//orange

0.8定义了80％的不透明度，因此您的#container具有一定的透明度，这会导致body的黑色背景混入。您可以将其更改为1或将您的#container代码更改为background:rgb(255,165,0);//orange

Answer 2

看起来.8的不透明度导致两种颜色混合。尝试将container样式中的最后一个数字从0.8更改为1。