背景图像不会出现在特定页面

本网站：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

背景图像不会出现在特定页面

回答

相关问题