IE6,IE7 圆角,颜色渐变都不支持。 IE8 不支持圆角,初步支持 渐变。 IE9 圆角,渐变 都支持,但效果不如 firefox 的好。IE渐变 css 为 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0',endColorstr='#D7D7D7',GradientType=0);
IE 9 一下想支持 圆角和渐变(ie8 稍微支持渐变)都只有用 图片了。希望能有所帮助。
border: 1px solid #696;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #EEFF99;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEFF99', endColorstr='#66EE33');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEFF99', endColorstr='#66EE33'); /* IE8 */
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(pie.htc);希望能帮到你。