CSS背景色渐变写法兼容ie6至ie9
2015-04-17 09:46
344 查看
css3:
linear-gradient/*线性渐变*/
radial-gradient/*圆形渐变*/
.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;}
/*兼容IE9*/
linear-gradient/*线性渐变*/
radial-gradient/*圆形渐变*/
.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;}
/*兼容IE9*/
相关文章推荐
- CSS背景色渐变写法兼容ie6至ie9
- css 背景色渐变兼容写法
- css 背景色渐变兼容写法
- css 背景色渐变兼容写法
- 【css】css 背景色渐变兼容写法
- 图片垂直居中css写法兼容ie6
- css控制背景颜色渐变以及浏览器的兼容写法(转载别人的)
- CSS完全兼容IE6、IE7、IE8、IE9和firefox方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome方法
- ie6,ie7,ie8,ie9 css bug兼容解决记录
- CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌
- 【转】CSS完全兼容IE6、IE7、IE8、IE9和firefox方法
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容
- CSS兼容IE6 IE7 IE8 IE9 Firefox的总结
- CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- css 背景色半透明 兼容各个浏览器ie6 ie8 火狐
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法(原创理论)
- CSS兼容IE6 IE7 IE8 IE9 Firefox的总结