如何製作1像素高度的圖像div的背景圖像？

我有一個像素高和600像素長的圖像，但是當我將此圖像設置爲div的背景時，圖像不顯示。例如：如何製作1像素高度的圖像div的背景圖像？

<div style="background-image:url(.images/goldSplitterMed.png); background-repeat:repeat-y"></div>

重複我認爲是無關緊要的，但我剛剛用它incase。

我試過設置寬度和高度，但也沒有佔上風。

還有什麼可以阻止這個圖像出現嗎？

感謝

與background-image一起使用'background-repeat'是不必要的。 CSS背景圖像自動重複。 – 2013-12-21 22:06:09

你確定圖像的路徑是正確的嗎？如果是這樣，請添加height：1px;到那個樣式屬性 – Josh

因爲它是現在，你<div>具有零高度，因爲它沒有任何內容。背景圖片不是內容;）

要麼把東西放在那裏，要麼將一個height添加到CSS。

2013-12-21 22:04:14

有兩個問題，路徑也是錯誤的（缺少一個「/」，但是我認爲它早些時候是正確的，而且它沒有與1像素的高度一起工作，我已經將高度設置爲10並且將內容在裏面...和背景圖像的作品，但沒有內容和高度設置爲1像素 - 沒有圖像顯示 – user2585188

要使用圖像來顯示它而不是一個div，認爲這會更容易思想頁面佈局會更整齊，代表圖像的div，但我想這裏沒有任何傷害。感謝大家的評論。 – user2585188

回答