Как отменить наследование opacity?

Question

[Kirill G.]

Есть меню сайта, которое при скролле становится фиксированным и чуть прозрачным (opacity: 0.8;). В меню есть выпадающий список, который не должен становиться прозрачным, но он наследует свойство css от header. Можно ли как-то отменить наследование или придётся перемещать выпадашку в другое место?

Answer 1

[Zhainar]

Перевести в цвета rgba() с прозрачностью 0.8.

Comments

[GreatRash]

Так и представляю несчастного верстальщика, которого дизайнер тыкает новом в ваш ответ. Верстальщик в итоге переписывает 100500 строк стилей на портале, чтобы вся страница у юзера стала "чуть прозрачной". Что характерно, картинки в статьях и на бекграунде "чуть прозрачными" становиться не захотят, что добавит гемора верстальщику :)

Answer 2

[GreatRash]

Никак.

Answer 3

[Михаил Дудар]

Через rgba() с прозрачностью 0.8 или с помощью псевдоэлементов, а сам хидер сделать прозрачным background-color: transparent;

Comments

[Нерон Лордов]

правильно - "хедер" (читается "хэдэр").

[Михаил Дудар]

Liquidos: знаю, просто привычка )