Нонче тут

Сейчас 15 гостей онлайн

Поиск

Поиск от Nigma

2


Поиск от Яндекс

Счётчики

Яндекс.Метрика

Проверка тиц

ВКонтакте

Разработчики сталкиваются с тем, что клиенты настаивают на использовании кросс-браузерных решений с использованием расширенных возможностей CSS3, требуя их реализации даже в IE6. В данной статье собраны вместе несколько опций, которые разработчик может принять во внимание при работе в описанных условиях, когда поддержка CSS3 требуется во всех версиях Internet Explorer (IE6, IE7 и IE8 — все они по прежнему используются существенным количеством посетителей сайтов).
Не забывайте указывать позиционирование для внутренних элементов: position:relative;, например.

#opacity {
opacity :.4; /* другие браузеры */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* данная строчка работает в IE6, IE7, и IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* данная строчка работает только в IE8 */
}



.box-shadow {
-moz-box-shadow: 2px 2px 3px #969696; /* для Firefox 3.5+ */
-webkit-box-shadow: 2px 2px 3px #969696; /* для Safari и Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);/* данная строчка работает в IE*/
}



#gradient {
background-image: -moz-linear-gradient(top, #81a8cb, #4477a1); /* Firefox 3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Safari & Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; /* IE8 */
}

Для фильтра IE GradientType может иметь значения “1″ (горизонтально) или “0″ (вертикально).
ЗЫ с закруглёнными углами работает криво!!!
Ultimate CSS Gradient Generator


#rotate {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

Параметр вращения может иметь следующие значения 1, 2, 3, или 4. Что соответствует соответствующему повороту на 90, 180, 270, или 360 градусов.
Установим фиксированный и центрированный бэкграунд, после чего будем использовать в background-size значение cover.

{
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

Позволяет эмулировать в IE свойства css3 transform такие как: поворот, искажение, масштабирование (без использования JavaScript'a).
http://demos.aimweb.name/css-transform-generator/
Уважаемые гости сайта! Теперь Вы можете ознакомиться с новостями сайта в социальных сетях.
Новости сайта публикуются в Facebook, ВКонтакте, Blogspot и Мой мир и Twitter .
Что бы перейти к аккаунтам просто кликните на иконках социальных сетей.