如何定位兩個圖像作爲背景圖像上的div div by css

這裏是我的CSS，通過它我將一個圖像放在中心。如何定位兩個圖像作爲背景圖像上的div div by css

.BusyStyles 
{ 
     background-image: url('../images/busy.gif'); 
     background-repeat: no-repeat; 
     background-position: center center; 
     height: 350px; 
     width: 300px; 
}

我可以增強上述CSS因此，我可以在位於格只是busy.gif低於中心放置另一個圖像......這可能嗎？如果是的話，請給我的CSS我可以定位兩個圖像作爲一個接一個的中心背景div的CSS。感謝

來源

2012-10-09 Thomas

檢查sample爲一個div標籤中的兩個背景圖像。

CSS：

.container{ 
    width:300px; 
    height:150px; 
    background:url(http://img.b8cdn.com/images/icons/loading_large_icon.gif) no-repeat 50% 28%, url(http://twitter-badges.s3.amazonaws.com/t_logo-a.png) no-repeat 50% 60%; 
    border:1px solid #CCCCCC; 
}

來源

2012-10-09 10:44:43 sureshunivers

謝謝你的回答。我還有兩個問題。 1）這個CSS可以在所有瀏覽器中工作。 2）如果我喜歡在div上設置一個背景圖像，並且另一個小文本將會居中，但如果可能的話，會出現在繁忙的圖像中，如文本「加載...」，請遮住一些光線並給出演示網址。再次感謝。 – Thomas

你只能做到這一點在CSS 3（http://stackoverflow.com/questions/423172/can-i-have-multiple-background-images-using-css）

body { 
    background-image: url(images/bgtop.png), url(images/bg.png); 
    background-repeat: repeat-x, repeat; 
}

來源

2012-10-09 07:47:54 LiamB

這兩個影像怎麼會......一個一個之後。哪一個會先到。謝謝 – Thomas

我如果您有能力僅支持與CSS 3兼容的瀏覽器，請同意LiamB的解決方案。

但是，如果您需要支持更多的瀏覽器，我建議您通過2個div來解決此問題。兩個div都將相互重疊。下面的div只包含背景圖片。位於頂部的div包含另一個背景圖像（定位爲看起來好像低於來自其他div的背景圖像）以及您想要的任何內容。

來源

2012-10-09 07:57:13 richardaday

如何定位兩個圖像作爲背景圖像上的div div by css

回答

相關問題