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
Похоже, непрозрачность .8 вызывает смешение двух цветов. Попробуйте изменить последнее число в стиле container от 0.8 до 1.