你的位置:首页 > 软件开发 > 网页设计 > (转)css 背景色渐变兼容写法

(转)css 背景色渐变兼容写法

发布时间:2015-05-28 00:00:47
css3:linear-gradient比如:黑色渐变到白色,代码如下:.gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradie ...

css3:linear-gradient

比如:黑色渐变到白色,代码如下:

(转)css 背景色渐变兼容写法
.gradient{  background: #000000;  background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));  background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%);  background: -o-linear-gradient(top, #000000 0%,#ffffff 100%);  background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%);  background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );}:root .gradient{filter:none;}
(转)css 背景色渐变兼容写法

PS:

在实际的项目中,往往会碰到圆角和渐变的组合,如果使用上面的写法,那么在 ie9 下会有 bug(在 ie9 下背景色不能完全切完),解决方法是SVG,具体点此查看。


原标题:(转)css 背景色渐变兼容写法

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。