Прозрачный цвет фона

[Ars_Art]

Подскажите пож-та, как сделать прозрачный цвет фона у 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>

Так не получается

[coldman]

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

незя, все что в контейнере становится прозрачним вместе с контейнром

ставишь в див фоном png 1x1 px с нужным уровнем прозрачности

и в Иешке снову получится гимор, она не подерживает png

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

Двое суток у меня ушло на решение %)

[kostan]

хотел юзать прозрачный пнг, но наткнулся на такое решение, вкатило на мазиле 15 и ишаке 9, на других думаю тоже не вопрос будет

]#container {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2);
}

степень прозрачности - 4 параметр в rgba, удаче.

[wwt]

хотел юзать прозрачный пнг, но наткнулся на такое решение, вкатило на мазиле 15 и ишаке 9, на других думаю тоже не вопрос будет

]#container {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2);
}

степень прозрачности - 4 параметр в rgba, удаче.

IE ниже 9 версии не поймет RGBA ))

[SelenIT]

А много ли их осталось, тех IE ниже 9 версии?

[lexxcode]

полупрозрачный фон элементарно эмулируется в ie7-8 фильтром не вызывая каких-либо проблем

[psywalker]

полупрозрачный фон элементарно эмулируется в ie7-8 фильтром не вызывая каких-либо проблем

Не стал бы делать такое утверждение.

[lexxcode]

psywalker, аргументируй

[wwt]

Да дело не в этом )) Товарищ kostan некропостер )))

Последнее сообщение в теме было "Отправлено 22 Ноябрь 2007 - 00:36" и тут "Отправлено Сегодня, 13:44"

Когда создавалась тема, о RGBA речи не шло ))) Да и все способы актульные на тот момент уже были обсуждены ))

[psywalker]

psywalker, аргументируй

Из-за фильтров может не пахать другие полезные вещи, такие, например, как JS. Ещё что-то было, уже не вспомню, но я не верстал тыщу лет) уже не вспомню) Знаю точно, что были и отказался от них по максимуму.

[lexxcode]

alexriz (14 Сентябрь 2012 - 13:46) писал:

psywalker, аргументируй

Из-за фильтров может не пахать другие полезные вещи, такие, например, как JS. Ещё что-то было, уже не вспомню, но я не верстал тыщу лет) уже не вспомню) Знаю точно, что были и отказался от них по максимуму.

Проблемы с js возникают при использовании expression, а это просто фильтр

wwt, это да, но тема то почему-то всех резко заинтересовала)

[psywalker]

alexriz (14 Сентябрь 2012 - 13:46) писал:

psywalker, аргументируй

Из-за фильтров может не пахать другие полезные вещи, такие, например, как JS. Ещё что-то было, уже не вспомню, но я не верстал тыщу лет) уже не вспомню) Знаю точно, что были и отказался от них по максимуму.

Проблемы с js возникают при использовании expression, а это просто фильтр

В IE7-8 открывал?

[lexxcode]

В IE7-8 открывал?

естественно

[psywalker]

В IE7-8 открывал?

естественно

Такс, в общем, откопал короче свою доисторическую работу) Там в блоке комменты где, есть всплывающие подсказки:

<div class="b-tooltip" style="display: none;">
    <div class="b-tooltip__case">
        <b class="b-user">
            <a class="b-user__link" href="#">
                <i class="b-userpic"><img alt="Юрий Ткаченко" src="css/b-user/b-userpic/img/user-photo.jpg"></i>
                <b class="b-user__first-child">Ю</b><b class="b-user__after-first-child">ра Ткаченко</b>
            </a>
        </b>
        <p class="b-tooltip__text">День рождения: <a class="b-tooltip__mouth" href="#">24 январа</a> <a class="b-tooltip__year" href="#">1984</a> Симферополь, Украина <a class="b-tooltip__mail" href="#">yury@ya.ru</a></p>  
    </div>
</div>

Вот мне из-за фильтров для IE пришлось делать вложенный блок ".b-tooltip__case", потому что JS не хотел пропускать это дерьмо фильтрованное.

[lexxcode]

psywalker, ну так правильно, у тебя на .b-tooltip expression навешан. Хотя собственно сейчас js то работает

[psywalker]

psywalker, ну так правильно, у тебя на .b-tooltip expression навешан

аа, ты про это?

.b-tooltip { zoom: expression(
	runtimeStyle.zoom = 1,
	insertAdjacentHTML('afterBegin',
	'<span style="position: absolute; top: -8px;left: 26px;width: 9px;height: 11px;display: block;background: url(css/b-comment/img/title-s.png) left top no-repeat;"></span>'),
	insertAdjacentHTML('beforeEnd',
	'')
	); }

[lexxcode]

аа, ты про это?

ну да. но оно сейчас тем не менее не мешает работать js в IE

[psywalker]

аа, ты про это?

ну да. но оно сейчас тем не менее не мешает работать js в IE

Ненне, я точно помню, что я сделал этот контейнер именно из-за косяков в IE связанный с фильтрами. Хм, ок, если наткнусь ещё, покажу тебе.

[SelenIT]

В IE7 блок с фильтром иногда без всяких видимых причин начинает вести себя как имеющий overflow:hidden. На одном проекте мне пришлось из-за этого убирать фильтр при :hover, т.к. иначе вообще не работало выпадающее меню. Ну и кривизна шрифтов иногда. Не считая общих тормозов (ведь старые IE обычно доживают свой век на старом же железе).

В общем, надо действовать по ситуации, но имхо в 2012 году динозавров вполне можно отправлять на деградацию до сплошной непрозрачной заливки

[psywalker]

В IE7 блок с фильтром иногда без всяких видимых причин начинает вести себя как имеющий overflow:hidden. На одном проекте мне пришлось из-за этого убирать фильтр при :hover, т.к. иначе вообще не работало выпадающее меню. Ну и кривизна шрифтов иногда. Не считая общих тормозов (ведь старые IE обычно доживают свой век на старом же железе).

Воо, точно, из-за этого кажись я и отказался от фильтров на главном контейнере и пришлось делать вложенный. Короче точно помню, косяки были и не один раз.

В общем, надо действовать по ситуации, но имхо в 2012 году динозавров вполне можно отправлять на деградацию до сплошной непрозрачной заливки

А вот это верно подмечено

[lexxcode]

В общем, надо действовать по ситуации, но имхо в 2012 году динозавров вполне можно отправлять на деградацию до сплошной непрозрачной заливки

С этим я конечно согласен и поддерживаю) Просто вопрос был не в этом)