我的css3多重背景圖像代碼有什麼問題？

我試圖建立上的jsfiddle一個例子，但它給出了一些原因的錯誤：反正http://jsfiddle.net/t3DDW/我的css3多重背景圖像代碼有什麼問題？

，這裏是我的CSS：

body { 
    background: 
     url("images/bg.gif") repeat 0 0, 
     url("images/bg-top.gif") repeat-x 0 0; 
    color: #666; 
    font: 62.5%/1.5em helvetica, arial, sans-serif; 
}

只有第一個背景圖像顯示。我仔細檢查了兩個圖片網址是否正確。有沒有第二個背景圖片顯示的原因？我在Chrome和FF上測試了它，第二個bg圖片沒有顯示。

來源

2012-02-10 John

圖像的外觀如何？堆疊順序很重要。第一個將被放在其他人之上等等。

如果第一張圖像覆蓋另一張圖像，則嘗試切換圖像的順序。

從source：

該列表中的第一圖像是最接近用戶的層，下一個塗上第一背後，依此類推。背景顏色（如果存在）被繪製在所有其他圖層下方。從Stacking Order of Multiple Backgrounds

例子：

background: 
    url(number.png) 600px 10px no-repeat, /* On top, like z-index: 4; */ 
    url(thingy.png) 10px 10px no-repeat, /*   like z-index: 3; */ 
    url(Paper-4.png);      /* On bottom, like z-index: 1; */

來源

2012-02-10 12:03:22 anddoutoi

噢，我的，我不知道。謝謝，它現在有效。 :)我會在8分鐘內接受你的回答。 – John 2012-02-10 12:05:10

@anddoutoi你救了我的一天。我認爲訂單會是另一種方式。 – Steve 2013-02-28 21:05:55

我的css3多重背景圖像代碼有什麼問題？

回答

相關問題