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

发布时间：2013-09-30 15:27:21 作者：佚名

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：背景色渐变 css DIV

相关文章

CSS背景色渐变写法兼容ie6至ie9
很多地方都用到了线性渐变，比如：表单提交按钮的背景，数据展示的标题背景等等，本例使用css3：linear-gradient及ie 滤镜：filter来实现
2014-06-05
CSS实现切角+边框+投影+内容背景色渐变效果
这篇文章主要介绍了CSS实现切角+边框+投影+内容背景色渐变效果，单纯用css实现切角+边框+投影+内容背景色渐变所有效果，因为UI没给背景切图，寻思这个理论上用css就能实现
2021-10-27

最新评论