CSS 3~~~~IE書き方
background: linear-gradient(to bottom, #97c1e0 0%, #086cb6 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#97c1e0',endColorStr='#086cb6',gradientType='0');
2.opacity
opacity:0.3;
filter: alpha(opacity=30);
3.透明背景互換IE 8
@media \0screen\,screen\9 {/* IE6、7、8 */
.za-login-left{
background-color:#fff;
filter:Alpha(opacity=34);
position:static; /* IE6、7、8 position:static( ) , Alpha */
*zoom:1; /* IE6、7 haslayout , Alpha */
}
.za-login-right{
background-color:#fff;
filter:Alpha(opacity=76);
position:static;
*zoom:1;
}
}
.za-login-logo{
position: relative;
}
背景の内容のスタイルposition:relativeを設定しない場合;となると、透明度が隠れてしまいます.
4.background-size ie 8の書き方は、絶対位置決めで注意
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/struts/css/jqgridthemes/images/bg/bg_fbutton_hover.gif',sizingMethod='scale');