Убрать прозрачность дива

AcTEpi_X
На сайте с 09.11.2007
Offline
118
2644

Здравствуйте такая вот проблема.

Есть основной див залитый цветом на котором стоит:

opacity: 0.75;

-moz-opacity: 0.75;
filter:alpha(opacity=75);

Сверху идет следующий див но уже с ПНГ на которой тоже переходит прозрачность.

Скажите как убрать прозрачность с дива в котором ПНГ.

Спасибо

Продаю лекарственные травы (http://narodfarma.com.ua/travi-shop), продукты пчеловодства (http://narodfarma.com.ua/produkty-pchelovodstva). Хит продаж ягоды годжи (http://narodfarma.com.ua/travi-shop/details/543/1/lekarstvennie-travi/godgi) для похудения.
Sinless
На сайте с 22.10.2007
Offline
25
#1

Задать вложенному диву? :)

opacity: 1;

-moz-opacity: 1;
filter:alpha(opacity=100);
AcTEpi_X
На сайте с 09.11.2007
Offline
118
#2

Пробовал, не работает.

neznaika
На сайте с 28.06.2006
Offline
356
#3

Полный код проблемных блоков в студию!

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
AcTEpi_X
На сайте с 09.11.2007
Offline
118
#4

CSS

#header {

position:relative;
height: 265px;
background: #0000ff;
opacity: 0.75;
-moz-opacity: 0.75;
filter:alpha(opacity=75);
}
#logo {
position:absolute;
float:left;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}

HTML

<div id="header">

<div id="logo"><img src="images/logo.png" width="543" height="161" border="0" alt="" />
</div>
</div><!-- #header-->
neznaika
На сайте с 28.06.2006
Offline
356
#5

http://www.htmlbook.ru/css/opacity.html

Не наследуется. Значит не переопределить

AcTEpi_X
На сайте с 09.11.2007
Offline
118
#6

CSS

#top{
position: relative;
width: 100%;
height: 265px;
}

#header {
position: absolute;
width: 100%;
height: 100%;
background-color: #0000ff;
opacity: 0.75;
-moz-opacity: 0.75;
filter:alpha(opacity=75);
}
#logo {
position:absolute;
background-image:url(images/logo.png);
width: 543px;
height: 161px;

}

HTML

<div id="top">
<div id="header"> </div><!-- #header-->
<div id="logo"></div>
</div>
ixRock
На сайте с 14.11.2006
Offline
46
#7

AcTEpi_X, прозрачность распространяется на весь блок и всех его childNodes()..

Если надо сделать чтобы был полупрозрачный фон (и только), но контент внутри него без учета прозрачностей - то нужно сделать примерно так:


<div style="position:relative; height:200px;">
<div style="тут ставим прозрачность, позишн абсолют и заполняем по всей площади блока"></div>
<div style="position:relative; итд."> контент...
</div>
</div>

ну думаю смЫсел понятен.. )

Работаю [S]за еду и секас[/S] с XHTML, CSS, XSLT, JS, PHP. Если что, вот тут (http://www.mintdesign.ru/) некоторые мои работы. Контакты: ася 344-ноль86-276, мыло ixrock@gmail.com

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий