Веб-студия Esty Web studio Esty Каталог статей
» [МЕНЮ]
» [Контакты]
towhorizons@ya.ru
esty666@mail.ru
ICQ#:377947376
» [Поиск]
» [Категории]
Секреты UCOZ [9]
как использовать хостинг
Скрипты и css [12]
Скрипты используйте, если уверены в себе.
» [Вход]
Логин:
Пароль:
» [Работа]
» [Счётчик]

На сайте: 1
Чужаков: 1
Своих: 0


» [Реклама]


free counters

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

Хостинг от uCoz
Главная » Статьи » Уроки UCOZ » Скрипты и css

Решения CSS3 для Internet Explorer
Не забывайте указывать позиционирование для внутренних элементов: 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')";
}

Категория: Скрипты и css | Добавил: Esty (02.02.2012)
Просмотров: 46 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]