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

当前位置 : 首页 > 网页制作 > CSS > CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌

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

来源: 作者: 时间:2015-11-04 11:06
DIV背景色渐变在以前的文章中也有介绍过,但并没有同时兼容IE、火狐、谷歌,而本文的这个示例却可以同时兼容,建议喜欢的朋友参考下
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>
Tag:
网友评论

<