Прозрачность.

[Arthur]

Всем доброго времени суток!

 

Есть такой код.

И к нему такой вопрос(и к вам так же  ): Почему картинка и текст на прозрачном блоке стали прозрачными и как это убрать?.

Edited September 5, 2014 by Arthur

[zenw]

Ну вот такой он, этот opacity - наследуется потомками, и перезаписать его для потомков не выйдет. Нужно так:

http://jsfiddle.net/nw0ofks8/

[Arthur]

http://jsfiddle.net/nw0ofks8/5/

Edited September 5, 2014 by Arthur

[zenw]

То же самое. http://hex2rgba.devoth.com/

[SelenIT]

вот такой он, этот opacity - наследуется потомками

Строго говоря, не наследуется, а применяется к элементу как единому целому, со всеми его «потрохами». Как если бы в фотошоп вставили скриншот отрендеренного элемента и добавили прозрачность этому слою.