背景圖像不會出現在特定頁面

本網站：http://walkman.pk/aserdus2/tagok.php
我有兩個背景圖像在左側和右側，它不出現，我不明白爲什麼？
網站的其他每一頁都能正常工作。看來有些<div>元素沒有正確關閉。當我用鉻檢查員看它時，我發現content div很薄，但我不明白這個原因。
我該如何顯示圖像？背景圖像不會出現在特定頁面

來源

2012-03-29 kissgyorgy

確保您在div上有寬度/高度。你可以發佈它應該看起來像什麼和一些HTML/CSS的截圖。 – Robert 2012-03-29 14:31:41

#content內只有浮動元素，所以其高度爲零。你可以通過設置overflow比visible其他東西解決這個問題：

#content { 
    overflow: hidden; 
}

Voil＆agrave ;:

With floats fixed

來源

2012-03-29 14:30:15 Ryan

完美，謝謝！ – kissgyorgy 2012-03-29 14:42:49

這是因爲與block類兩個元素是浮動的，因此與ID content元素沒有高度（具有背景圖像）。所以你需要給高度content元素（height: 250px）應該解決問題。

來源

2012-03-29 14:30:56

這會弄亂其他頁面，頁腳會在文本內部！ – kissgyorgy 2012-03-29 14:39:33

添加到您的#content {}：

height: 600px;（或高但圖像是）

我嘗試了與檢查元素和畫面出現。

祝你好運！

來源

2012-03-29 14:33:08 Rvervuurt

同樣的問題;在長頁面中，頁腳將位於文本內部 – kissgyorgy 2012-03-29 14:41:38

當我查看您提供的頁面時，它現在可以正常工作。我看到'overflow：hidden'修復了它。 – Rvervuurt 2012-03-29 14:45:26

是的，謝謝！ – kissgyorgy 2012-03-29 14:58:17

嘗試

<div id="content"> 

... 

<div style="clear:both"></div> 
<!-- CONTENT END --> 
</div>

OR
http://www.webtoolkit.info/css-clearfix.html

<div id="content" class="clearfix"> 

... 

<!-- CONTENT END --> 
</div>

.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 

.clearfix { 
    display: inline-block; 
} 

html[xmlns] .clearfix { 
    display: block; 
} 

* html .clearfix { 
    height: 1%; 
}

來源

2012-03-29 14:40:41 kubedan

背景圖像不會出現在特定頁面

回答

相關問題