полупрозрачный слой

[sc@r@bey]

а как сделать блок полупрозрачный?

[CEBEP]

пример

Статья 1

Статья 2

[Vlad]

http://htmlbook.ru/css/opacity

[sc@r@bey]

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

и чтоб работало во всех браузерах

Edited November 2, 2010 by sc@r@bey

[Vlad]

RGBA плюс фильтры для IE.

[CEBEP]

да блин! чем ваша задача отличается от того что я продемонстрировал в своём примере?

[sc@r@bey]

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

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60);
opacity: 0.6;

<div id="layer">
<div id="text">
<h2>"Заголовок</h2>
<span>Текст</span>
</div>
</div>

#layer{
   position: relative;
   z-index: 1000;

}
#text{
position: absolute;
z-index: 50000;
display:block;
left: 0;
top: 0;
padding:10px;
color: #000;
font-size: 90%;
line-height:1.3em;
font-weight: bold;
background-color: #b6d694;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60);
opacity: 0.6;
}

#layer h2{
   text-align: center;
   color: #000;
}
#layer div{
   color: #000;

}

http://finterem.ru/index.php?module=catalogue&id=45

Edited November 28, 2010 by sc@r@bey

[psywalker]

http://psywalker.ru/Forum/opacity/main-2.html

[sc@r@bey]

а почему у меня не работает?

у меня картинка не бэкргаундом идет, и контейнер не фиксированных размеров, а все предложеные примеры немного другие