多個背景圖像的內容div

我有麻煩使用CSS來放置兩個背景圖像的div。第一張圖像是透明的邊框圓角的頂部。接下來的是相同圖像的身體的10px高，沒有拐彎的拐角。我想讓第一張圖片在上面，下一張圖片在右邊重複，直到頁面底部，而不管內容如何。有人可以幫助我的CSS。每次我嘗試時，第二張背景圖片都會覆蓋第一張圖片，除非有內容，否則不會重複。謝謝多個背景圖像的內容div

來源

2012-10-31 John Marsh

你必須使用div的高度屬性來處理這個問題。如果你不設置屬性，它會將圖像放在另一個頂部，這是你現在面臨的問題。

請參考以下鏈接，您將看到如何執行此操作的多個選項。

Can I have multiple background images using CSS?

希望這有助於..

來源

2012-10-31 16:43:16 pibcat

好吧，當我添加了下面的CSS代碼都第一圖像看起來不錯，但是當我加入了第二圖像兩者的圖像不顯示？ '.content { \t height：100％; \t width：822px; \t margin-left：auto; \t margin-right：auto; \t background-image：url（../ images/body/main_top.png），url（../ images/body/main.png）; \t background-repeat：no-repeat，repeat-y; \t \t }'有什麼想法？ –

試試這個 - 一個帶有頁面寬度和高度的主分區 - 在這個主分區中做2個子分區A，B。 A爲圓角B爲身體。爲A設置固定高度並將B高度保留爲自動。 – pibcat

像下面這樣：

..類似的東西..假設你的圖像寬度是822像素，以及..設置div A的背景圖像作爲角落一，並設置其他圖像作爲背景圖像爲B ....一個這樣做的方法..希望這個答案ü尋找.. – pibcat

多個背景圖像的內容div

回答

相關問題