CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌

时间:2016-11-08150举报小编:youjiejie

DIV背景色渐变在以前的文章中也有介绍过,但并没有同时兼容IE、火狐、谷歌,而本文的这个示例却可以同时兼容,建议喜欢的朋友参考下

<style type="text/css"> 
.linear{ 
width:100%; 
height:600px; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/ 
background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/ 
} 
</style> 
<body> 
<div class="linear"></div> 
</body>