html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:DIV背景色渐变在以前的文章中也有介绍过,但并没有同时兼容IE、火狐、谷歌,而本文的这个示例却可以同时兼容,建议喜欢的朋友参考下

复制代码
代码如下:
WRRHTML5中文学习网 - HTML5先行者学习网
<style type="text/css"> WRRHTML5中文学习网 - HTML5先行者学习网
.linear{ WRRHTML5中文学习网 - HTML5先行者学习网
width:100%; WRRHTML5中文学习网 - HTML5先行者学习网
height:600px; WRRHTML5中文学习网 - HTML5先行者学习网
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/ WRRHTML5中文学习网 - HTML5先行者学习网
background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ WRRHTML5中文学习网 - HTML5先行者学习网
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/ WRRHTML5中文学习网 - HTML5先行者学习网
} WRRHTML5中文学习网 - HTML5先行者学习网
</style> WRRHTML5中文学习网 - HTML5先行者学习网
<body> WRRHTML5中文学习网 - HTML5先行者学习网
<div class="linear"></div> WRRHTML5中文学习网 - HTML5先行者学习网
</body> WRRHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助