Div元素內部沒有顯示圖像

div {position: relative;} 


#wrapper { 

background: url('ocean.png'); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center; 
background-size: 100% auto; 

} 

<body> 

<div id="wrapper"> 
</div>

我試圖用不同的元素來呈現ocean.png的背景圖像。現在我正在進入一個分區，它不顯示。早些時候，我放入顯示的身體和圖像可以伸展全尺寸時，首先水平，然後垂直瀏覽器拉伸，但當我先垂直拉伸，然後身體背景圖像不伸展全屏幕，頂部和底部的白色空間。Div元素內部沒有顯示圖像

我現在正在試驗一個div，但它根本沒有顯示出來。

來源

2012-02-09 lilzz

您是否試過實際添加寬度和高度？或添加內容？ – 2012-02-09 21:38:12

你有沒有嘗試過任何調試工具（鉻的，或螢火蟲，或其他），看看div是否真的存在或什麼「頂部和底部的白色空間」？ – 2012-02-09 21:39:03

您必須設置包裝的寬度。寬度：100％和高度：100％

來源

2012-02-09 21:37:49

需要設置包裝div的寬度和高度，如果圖像與CSS不在同一目錄中，則引用是錯誤的。如果您在/ images目錄中有圖像，你應該叫他們爲url(/images/myimage.png)

來源

2012-02-09 21:38:20 thenetimp

設置width和包裝的height正如其他人所說，在一個聲明中加入這些CSS樣式，你可以擺脫所有其他的風格，一旦你設置容器的尺寸。

background: url(ocean.png) center no-repeat

來源

2012-02-09 21:48:16 elclanrs

Div元素內部沒有顯示圖像

回答

相關問題