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');