Итак, мы создали сайт, но отображается он нормально во всех браузерах, кроме Internet Explorer. Мы будем рассматривать проблемы прозрачности картинок, при отображении сайта в Internet Explorer.
Наша задача воспользоваться некоторыми CSS хаками, которые поправят наше положение. Посмотрим на следующий код:
<img border="0" src="src/logo.png" width="100" height="97" style="filter:alpha(opacity=30);" />
Параметр opacity задает параметр, который обозначает процесс прозрачности. Значение может принимать от 0 до 100. Чем больше значение, тем больше прозрачность.
Предыдущий хак можно реализовать и другими способами:
filter:alpha(opacity=30);
/* синтаксис IE4.0*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
/* синтаксис IE5.5+ (является предпочтительным) */
Кроме того, Internet Explorer позволяет накладывать на изображения некоторый эффект, позволяющий оформлять изображения. Код:
filter:alpha(opacity=80, style=0);
filter:alpha(opacity=80, style=1);
filter:alpha(opacity=80, style=2);
filter:alpha(opacity=80, style=3);
Следующий код отображает осветление картинки с разных сторон:
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);
Помните, что такое обилие эффектов работают только в Internet Explorer и требуются лишь для того, чтобы правильно отобразить сайт в браузере.
© 2007-2011
