linear-gradient
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.透明背景兼容IE8
@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 ie8写法,注意得用绝对定位
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/struts/css/jqgridthemes/images/bg/bg_fbutton_hover.gif',sizingMethod='scale');
转载于:https://blog.51cto.com/dd118/1909184