如何制作这个css crossbrowser？

我不知道，如何使这个代码跨浏览：（它只能在Safari和Chrome）如何制作这个css crossbrowser？

body { 
    padding: 10px 9px; 
    background: -webkit-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%); 
    -webkit-background-size: 7px 1px; 
}

来源

2012-12-28 Hard Rain

这只是在Safari和铬工作，因为你只用'-webkit-'前缀目标的Safari和铬。（Safari和Chrome是Webkit浏览器。）因此，请使用并非仅限于Webkit的CSS属性。 – Sparky

尝试这样的：

body { 
padding: 10px 9px; 
background: -moz-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%); 
background: -ms-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%); 
background: -o-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%); 
background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.71, #C5CCD4), color-stop(0.71, #CBD2D8), to(#CBD2D8)); 
background: -webkit-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%); 
background: linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%); 
background-size: 7px 1px; 
-moz-background-size: 7px 1px; 
-o-background-size: 7px 1px; 
-webkit-background-size: 7px 1px; 
}

来源

2012-12-28 22:15:00 Fabio

你可以使用这样的事情来生成梯度：http://www.colorzilla.com/gradient-editor/。另外，不要使用渐变，它与最新版本的浏览器不兼容，甚至不是全部。相反，使梯度图像，并重复它。

来源

2012-12-28 21:56:59

我试过了：http://jsfiddle.net/MWYnP/2/但这在歌剧中也不起作用 –

可能是由于前面所述的一些不兼容问题。您可以自己调试它，下面是Opera提供的参考资料：http://dev.opera.com/articles/view/css3-linear-gradients/ –

或者，您可以提供完整的工作代码，专门回答OP的问题。 – Sparky

如何制作这个css crossbrowser？

回答

相关问题