скрипт
4 replies100 viewsCurrently viewing: 1
· 12/27/2008, 08:36 AM
вот столкнулся с одной проблемой
мне нужно чтобы любая картинка на моём сайтебыла полупрозрачной чтобы видно было фон
как мне это сделать ???
0
· 12/27/2008, 09:01 AM
bublik661: вот столкнулся с одной проблемой
мне нужно чтобы любая картинка на моём сайтебыла полупрозрачной чтобы видно было фон
как мне это сделать ???
Кроссбраузерная запись для прозрачности:
Предположим у на есть картинка
Код
<img src="картинка" width="800" height="600">
Делаем ее прозрачной и чтобы это было видно во всех браузерах:
Цитата
<img src="картинка" width="800" height="600" style="filter:alpha(opacity=20); /* IE 5.5+*/ -moz-opacity: 0.2; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.2; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.2; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ ">
Более того при использовании IE можно получить красивые эффекты градиентного осветления. (в других браузерах не работает).
filter:alpha(opacity=80, style=0);
filter:alpha(opacity=80, style=1);
filter:alpha(opacity=80, style=2);
filter:alpha(opacity=80, style=3);
В зависимости от параметра style можно добиться различных градиентных осветлений.
Рассмотрим возможность осветления рисунка слева на право.
filter: alpha(startx=0, style=1);
filter: alpha(startx=20, style=1);
filter: alpha(startx=60, style=1);
filter: alpha(startx=100, style=1);
В зависимости от значения startx можно наблюдать различную степень осветлённости. Если значение близко к нулю, то картинка максимально прозрачна, и, наоборот, при увеличение значения данного параметра картинка приобретает исходный вид.
Возможен ещё один способ осветления, но с более резкими границами.
filter: alpha(finishx=0, style=1);
filter: alpha(finishx=20, style=1);
filter: alpha(finishx=60, style=1);
filter: alpha(finishx=100, style=1);
Как можно видеть границы настолько резкие, что часть картинки при этом не видно и вовсе.
И наконец, пример правостороннего освещения.
filter: alpha(opacity=0, finishopacity=10, style=1);
filter: alpha(opacity=0, finishopacity=20, style=1);
filter: alpha(opacity=0, finishopacity=60, style=1);
filter: alpha(opacity=0, finishopacity=100, style=1);
На Форуме я тоже Radar!
Я везде Radar!
0
· 12/27/2008, 09:14 AM
у мну чёт невыходит смотри я вставляю сюда этот код ?
<TD vAlign=top align=left width=202
background={THEME}/images/bg_nav_top.gif height=91></TD></TR>
>>сюда этот код ????? <<
<TR>
то я туда вставляю а умну на всю станицу пишется эт код и всё сразу кривым становиться
0
Topic is closed for replies


