1

Тема: Прозрачность блока (opacity) и CSS

Помогите решить проблему. У меня главный контейнер должен быть прозрачным, а все остальные блоки, которые в нем, должны быть не прозрачны. Я когда применяю для главного контейнера  "opacity 1; ", то у меня и главный контейнер и остальные блоки делаются прозрачные.

Как решить такую проблему?

Добавлено: 19.12.2012 17:29

Решил проблему таким методом:
Вместо обычного background: #1d1d1d;
сделал: background: rgba(29, 29, 29, 0.6);  (0.6 - это прозрачность; 29 - цвет в RGB)

2

Re: Прозрачность блока (opacity) и CSS

background: transparent; для блока, который должен быть прозрачным.

Re: Прозрачность блока (opacity) и CSS

kanonir пишет:

сделал: background: rgba(29, 29, 29, 0.6);  (0.6 - это прозрачность; 29 - цвет в RGB)

Так же параллельно рекомендуют указывать просто rgb, без a, на случай если браузер не поддерживает это свойство. Не знаю, на сколько это правильно или не правильно, Паша лучше меня знает, подскажет. Да ведь, Паша?

4

Re: Прозрачность блока (opacity) и CSS

Спасибо, что дали еще несколько советов по поводу прозрачности.

5

Re: Прозрачность блока (opacity) и CSS

admin пишет:

Так же параллельно рекомендуют указывать просто rgb

я обычно, если нужна полупрозрачность, пишу так:

background: #fff; /*говнобраузерам*/
background: rgba(255, 255, 255, 0.5); /*нормальным браузерам*/

в rgb смысла не вижу, проще hex юзать