CSS3 ~~~~~ IE写法

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