Прозрачность CSS

[FaTeRy]

Здравствуйте. Верстал я в XHTML 1.0 Strict, и наткнулся на проблему с прозрачностью.
Кусок HTML кода:

		<div id="container">
			<div id="content">
{info}{content}
			</div><!-- #content-->
		</div><!-- #container-->

Кусок CSS кода:

#container {
	width: 100%;
	float: left;
	overflow: hidden;
	background-color: #FFF;
	opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);
}

Дело в том, что нужна прозрачность только у background-color: #FFF; , а в данном случае прозрачность накладывается на всё содержимое блока, тобишь на {info}{content}.
Кто знает как решить проблему?

 

[Emporio]

Дай больше фрагмент HTML-кода, не совсем понятно.

 

[FaTeRy]

а какой именно фрагмент?
вот прозрачность - opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)
тобишь она накладывается на фон дива container, но вместе с ним и прозрачны {info}{content} (если кто не знает - в дле так выводятся новости, проще сказать - текст). вот это и надо исправить. прозрачным должен быть только фон, но не текст.

 

[Compressor]

Может быть этот слой сделать непрозрачным и без бэкграунда.. а под него подложить еще один див с прозрачностью, сожержащий только background-color: #FFF; ?

 

[dralex]

так и должно что накладывается прозрачность на содержимое

используй прозрачную png !

 

[progreccor]

прозрачная png не будет работать в IE6.0

 

[fima32]

Вот посмотрите

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

сайт не мой, так что не спрашивайте, что да как, смотрите сами, но во всех браузерах, кроме ИЕ 3, 4, 5 версии прозрачность на этом сайте работает.
Прозрачность смотрите у юлы, вернее ее тени.

 

[progreccor]

Да, действительно. png здесь отображается с полупрозрачность в IE6.0. Еще не разобрался как им это удалось.

Добавлено через 26 минут
чтобы отображать на IE6.0 png с полупрозрачность надо делать так:

<img src="blank.gif" style="width: 100px; height: 100px; filter:
progid: DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')" />

А на том сайте с помощью java скриптов выполняется применение этого свойства ко всем картинкам. Запретите ява скрипт и увидите как все изменится.

 

[phgrey]

Да, действительно. png здесь отображается с полупрозрачность в IE6.0. Еще не разобрался как им это удалось.

Для ie6 есть pngfix, если кому интересно

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Все простенько, понятненько и багов в ие6 - замечено небыло (сайтов 15 сделано с этим фиксом).
А, забыл, всем html-элементам с полупрозрачными png надо дать класс pngfix.