Ars_Art

Решение: .block-box { width:100%; height:100%; background:url(img/block-box.png); } *html .block-box { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/block-box.png',sizingMethod='scale'); } <div class="block-box">Здесь много текста...</div> Двое суток у меня ушло на решение %)

Вот это ты к чему сказал?

Искал - не нашел подходящего мне.

Fu-tai, хоть понял в чем суть происходящего Мне вот что больше интересно: Может, кто сталкивался с данной задачей и знает, как ее решить или верный способ есть?...

Слелал так: .inner-box { width:100%; height:100%; background-color:black; filter:alpha(opacity=70); -khtml-opacity:0.7; -moz-opacity:0.70; opacity:0.70; } .inner-box p { filter:alpha(opacity=100); -khtml-opacity:1.0; -moz-opacity:1.0; opacity:1.0; } <div class="inner-box"><p class="inner-box">Здесь много текста...</p></div> Текст остался по-прежнему прозрачным Что я сделал не так? Задал p свойства класса .inner-box! Зачем для p прописал клас? Жесть, тебе мат часть учить надо, а не прозрачностью баловаться! Да и так не выходит: .inner-box { width:100%; height:100%; background-color:black; filter:alpha(opacity=70); -khtml-opacity:0.7; -moz-opacity:0.70; opacity:0.70; } .inner-box p { filter:alpha(opacity=100); -khtml-opacity:1.0; -moz-opacity:1.0; opacity:1.0; } <div class="inner-box"><p>Здесь много текста...</p></div> Может ты в чем-то ошибаешься? Можешь привести пример кодом?

Слелал так: .inner-box { width:100%; height:100%; background-color:black; filter:alpha(opacity=70); -khtml-opacity:0.7; -moz-opacity:0.70; opacity:0.70; } .inner-box p { filter:alpha(opacity=100); -khtml-opacity:1.0; -moz-opacity:1.0; opacity:1.0; } <div class="inner-box"><p class="inner-box">Здесь много текста...</p></div> Текст остался по-прежнему прозрачным Что я сделал не так?

НЕТ! ХОЧУ УЗНАТЬ ПРО ПОДДЕРЖКУ В:'' Explorer'' (6-7), ''Опера'', ''Мазила''(1-2)! Понимают CSS3 свойство opacity следующие браузеры: Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9, Internet Explorer 7. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/ filter: alpha(opacity=50); /* синтаксис IE4 */ -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

Сложно постонно вычеслять высоту, может есть еще способ (даже согласен на слои)?

Хм...действительно помогло после как добавил: width:100%; height:100%; но и текст стал прозрачным вместе с фоном - это можно как-то избежать не разделяя по слоям фон с текстом?

Да, фон должен быть залит цветом и иметь прозрачность (допустим) в 30%. Попробовал так: div.blocks_box { background-color:#000; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.30; opacity:0.30; } <div class="blocks_box"> Здесь много текста... </div> Так же не помогло

Подскажите пож-та, как сделать прозрачный цвет фона у DIV? <style> #blocks_box { background-color:black; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.30; opacity:0.30; } </style> <div id="blocks_box"> Здесь много текста... </div> Так не получается