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

[kirhost.com]

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

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

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

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

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

Спасибо

[Justnewone]

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

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

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

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

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

Спасибо

Сделать вместо ПНГ другое расширение, с прозрачными на 100% или полностью непрозрачными фрагментами или же всю площадь.

[kirhost.com]

В этой ПНГ логотип с прозрачным фоном, другим не заменить. Нужно чтобы именно элементы логотипа не просвещались.

[Justnewone]

В этой ПНГ логотип с прозрачным фоном, другим не заменить. Нужно чтобы именно элементы логотипа не просвещались.

Ну раз нужно, тогда будем ждать ответа, который Вас обнадежит или сами делайте.

[Searcher]

прозрачность наследуется и это никак не отменить

сделайте полупрозрачный фон отдельным дивом, чтобы логотип не был дочерним у этого дива

или еще вариант: используйте вместо свойств прозрачности png с нужным коэффициентом прозрачности, но будут проблемы с ИЕ

[kirhost.com]

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-->

[Searcher]

и что вы этим хотите сказать?

сделайте полупрозрачность у logo а не у header и закройте logo до img, ну и размеры ему задайте

а зачем там float если блок абсолютно позиционирован?

[kirhost.com]

То что

opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);

не наследуется, а следственно не понятно как исправить данный баг(

[Searcher]

во-первых я уже вам 2 раза объяснил как исправить

во-вторых все наследуется, только прозрачность у дочернего элемента отсчитывается от родительского. 100% от 75% сколько будет?

[kirhost.com]

сделайте полупрозрачность у logo а не у header и закройте logo до img, ну и размеры ему задайте

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

[Searcher]

Под logo я имел ввиду <div id="logo">

Так для всего, что в hader наверно не нужно полупрозрачности? Или нужно для всего кроме логотипа?

[kirhost.com]

Проблема решена:

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>

[Searcher]

ну и замечательно!