如何在多個背景中使用供應商屬性？

我想在css中使用多個背景，目前Firefox 3.61，Chrome/Safari，據說是Opera10.5（不能在gnu/linux上運行）支持。它工作正常，但是我想使用線性漸變作爲背景。它適用於Firefox，對Chrome根本無法工作，但我無法弄清楚如何使它同時在和之間工作。任何線索？ http://snook.ca/archives/html_and_css/multiple-bg-css-gradients與我所需要的匹配度最接近，但我無法使其與Chrome一起工作。如何在多個背景中使用供應商屬性？

來源

2010-04-05 Capi Etheriel

這對我有用。似乎在webkit之後放置mozilla使Webkit確認background-image的第二個參數的存在並取消其舊聲明。所以我在-webkit之前放置了-moz聲明。

 
    background-image: url("../images/block_stripe_bg.png"); /* for older browsers */ 
    background-image: url("../images/block_stripe_bg.png"), -moz-linear-gradient(center top, white, #dddddd); /* works for mozilla, ignored by other browsers */ 
    background-image: url("../images/block_stripe_bg.png"), -webkit-gradient(linear, center top, center bottom, from(white), to(#dddddd)); /* works for webkit, ignored by other browsers */ 
    background-repeat: repeat; /* older browsers */ 
    background-repeat: repeat, no-repeat; /* newer browsers should apply this to both backgrounds*/

來源

2010-05-26 19:25:05

我不是很積極，但我的猜測是，鉻只是不支持。雖然一個元素上的多個背景圖像和css漸變確實聽起來不錯，但我仍然推薦使用多個元素和每個背景圖像。出於某種原因，仍然有人在那裏使用IE瀏覽器，它根本不是CSS3友好的。

來源

2010-04-05 18:40:27 tybro0103

如何在多個背景中使用供應商屬性？

回答

相關問題