Дочерний элемент без opacity (или filter:blur). Вопрос гуру/джедаям CSS?

Question

[NewTypes]

Суть в том, что если для родителя задан стиль opacity менее 1, то оно распространяется и на вложенные элементы. Я же хочу обойти эту зависимость и оставить определенный див в обычном состоянии, пока для других работает opacity: 0.5;

Я знаю про это: codepen.io/impressivewebs/details/CyfED но эти надстройки меня не устраивают - ищу решение на чистом CSS.

Гуру CSS, если вы водитесь на тостере - откликнетесь пожалуйста. Может быть вы в курсе, существуют ли малоизвестные хаки или возможности слабо документированные в спецификациях CSS?

Спасибо.

Answer 1

[NewTypes]

Есть мысля насчет :hover, но не знаю как реализовать

UPD: Решено. Сейчас работаю - позже может распишу.

Comments

[aen]

Сам задал, сам решил.

[dllstar]

@NewTypes
а если бы прочитал коммент Vesa Piittinen на ссылке codepen вопроса бы и не возникло :)

Answer 2

[aen]

Вообще то лучше показать какой то пример разметки, от которого уже можно отталкиваться.

Answer 3

[Андрей]

По хорошему нужно конечно создавать 2 ребенка в одном родители. (фон и контент)
но если прозрачность фона ограничивается цветом то можно использовать RGBA