本文介绍了一种用于创建跨浏览器兼容的CSS渐变背景的方法。通过使用不同浏览器前缀，确保了从IE7到现代浏览器都能正确显示从浅灰色(#eee)过渡到深灰色(#aaa)的线性渐变效果。
具体兼容代码如下：
.box{
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#aaa)); /** Chrome Safari **/
background: -moz-linear-gradient(top, #eee, #aaa); /** FireFox **/
background: -o-linear-gradient(top, #eee, #aaa);/** Opear **/
background: -ms-linear-gradient(#eeeeee 0%,#aaaaaa 100%);/** IE9 IE10 **/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#aaaaaa',grandientType=1); /** IE7 **/
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#aaaaaa',grandientType=1); /** IE8 **/
}
扫一扫
1372
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
