與CSS3

多背景目前，我與那裏每當我嘗試使用多個背景問題摔跤，它要麼只顯示一個或根本沒有。當我爲每張圖片添加多個「背景重複」屬性時，它什麼都沒有顯示。當我僅使用一個時，它只顯示列出的第一個背景。與CSS3

這裏是我的代碼：

box-shadow: 0 0 41px 7px black; 
background-image: url(images/journalist/header_bg.gif) no-repeat, url(images/journalist/body_top.gif) no-repeat, url(images/journalist/body_tile.gif) repeat-y; 
background-size: 100%; 
margin: auto auto; 
padding: 20px; 
text-align: left;

你能看到我在嘗試應用它here。

來源

2011-05-12 Captain Lightning

爲一個元件背景圖像是唯一的一個。您可以使用多個元素混合使用多個背景。 – Starx 2011-05-12 03:32:11

而且在您的鏈接中，背景圖片只有一張。 – Starx 2011-05-12 03:33:58

感謝您的提示，我已經將它更改爲'背景：...'，現在它實際上顯示了一個圖像:) – 2011-05-12 03:37:11

很難沒有看到小提琴或話要說，但你的代碼使用background-image而且還指定背景的位置，這是無效的，所以整個聲明被丟棄。

只有一個，當你解決這個問題，我只能猜測，爲什麼它顯示：也許最上面的圖像（第一個）隱蔽的休息嗎？也許其餘的圖像無法找到？

來源

2011-05-12 13:19:12

回答

相關問題