Складывается opacity элементов наложенных друг на друга

Question

Складывается opacity элементов наложенных друг на друга

Dlazder Мудрец (16875), на голосовании 8 месяцев назад

До этого не было таких кейсов, сейчас вот столкнулся. Есть 2 элемента с полупрозрачным фоном, header фиксированный, внутри него фиксированный nav. В месте пересечения элементов прозрачность складывается. Может есть хитрое свойство какое нибудь?

Answer 1

Граф Эйлеров Мастер (2057) 9 месяцев назад

Смирись.

DlazderМудрец (16875) 9 месяцев назад

Судя по всему действительно придется

Answer 2

Резидент Казахстана Оракул (68913) 9 месяцев назад

Покажи верстку и стили..

DlazderМудрец (16875) 9 месяцев назад

Да там нечего особо показывать)

Оба с position fixed и прозрачным фоном заданным через rgba

DlazderМудрец (16875) 9 месяцев назад

<body>
<header>
<nav></nav>
</header>

<style>
* {
box-sizing: border-box;
}

body {
background: gray;
}

header {
background: rgba(50, 50, 50, 0.7);
height: 100px;

}

nav {
position: fixed;
top: 0;
left: 0;
height: 100vh;
background: rgba(50, 50, 50, 0.7);
width: 50vw;
}
</style>
</body>

Резидент Казахстана Оракул (68913) Dlazder, фиксированный один, это nav который в header.. и пооучается что nav вне потока

DlazderМудрец (16875) 9 месяцев назад

Я в общем сейчас просто убрал пересечение элементов, благо в этом случае такое возможно) Навигация выезжает под шапкой не залезая не нее. Правда я совсем не уверен что не столкнусь с этим на проекте больше...