2010-04-05 75 views
1

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

回答

0

這對我有用。似乎在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*/ 
0

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