如何製作這個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？

回答

相關問題