Суть проста, есть два DIV, один вложен в другой.
У первого задана прозрачность 80%. У второго прозрачность не задана, он должен быть не прозрачным, но почему -то тоже обладает прозрачностью 80% как и первый. Ни чего не пойму, в чем трабл может быть...

SDEVIL, прозрачность распространяется на все вложенные в елемент елементы. Нужно подложить их друг под друга используя абсолютное позиционирование, к примеру

вот ещё один взгляд на прозрачность фона. Может и пригодится...

ksnk, спасибо, значит побороть вложенную прозрачность ни как нельзя??

Спрошу тут, дабы не плодить темы.

Подскажите такой момент:
у сайта есть фон с рисунком в светлых тонах, по середине сайта есть блок с центровкой и предназначенный для помещения в него всего контента сайта. У блока есть фон, к примеру светло "черный")).
Как лучше реализовать прозрачность фона блока, для проявления через него части рисунка фона страницы, так чтоб багов по меньше?
И на сколько рабочий этот вариант тут
Проще ли сделать png для фона блока в место наделения его какими-либо свойствами по прозрачности или фильтрами?

Это сообщение отредактировал(а) CmndrAlexGreen - 6.7.2011, 13:40

Всё можно:

div
{
прозрачность: 80%;
}

div div
{
прозрачность: 0%;
}


<div><div></div></div>

Так не будет работать. Потому что у вложенного блока будет прозрачность 80%. Если написать у вложенного дива прозрачность 20%, то у него будет на самом деле прозрачность 20% от 80%. Такие пирожки.
Тут поможет только абсолютное позиционирование и z-index.

да, точно, не подумал сразу.
Тогда только выход не вкладывать их друг в друга, а по отдельности.

Все актуальные браузеры, кроме IE8-, давно понимают rgba-цвета, а для IE8- есть простое универсальное решение. По-моему, подвыподверты с png-картинками (а тем более дивами-подложками с opacity) пора смело сдавать в музей.