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