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