Css 背景图像不';不要出现在特定的页面上
在此网站上:Css 背景图像不';不要出现在特定的页面上,css,layout,html,stylesheet,Css,Layout,Html,Stylesheet,在此网站上: 我在左侧和右侧有两个背景图像,它们没有出现,我不知道为什么? 网站的每一个页面都可以正常工作。有些元素似乎没有正确关闭。当我用chrome inspector观看时,我看到内容div非常薄,但我不明白这是什么原因。 如何显示图像?内容中只有浮动元素,因此其高度为零。您可以通过将溢出设置为可见以外的内容来解决此问题: #内容{ 溢出:隐藏; } 瞧 内容中只有浮动元素,因此其高度为零。您可以通过将溢出设置为可见以外的内容来解决此问题: #内容{ 溢出:隐藏; } 瞧 这是因为两个
我在左侧和右侧有两个背景图像,它们没有出现,我不知道为什么?
网站的每一个页面都可以正常工作。有些
元素似乎没有正确关闭。当我用chrome inspector观看时,我看到内容
div非常薄,但我不明白这是什么原因。如何显示图像?内容中只有浮动元素,因此其高度为零。您可以通过将
溢出
设置为可见
以外的内容来解决此问题:
#内容{
溢出:隐藏;
}
瞧
内容中只有浮动元素,因此其高度为零。您可以通过将
溢出
设置为可见
以外的内容来解决此问题:
#内容{
溢出:隐藏;
}
瞧
这是因为两个元素的class
block
都是浮动的,因此idcontent
的元素没有高度(具有背景图像)。因此,您需要为内容元素指定高度(高度:250px
)应该可以解决这个问题。这是因为具有类块
的两个元素都是浮动的,因此具有id内容
的元素没有高度(具有背景图像)。因此,您需要为内容
元素指定高度(高度:250px
)应该可以解决此问题。将此添加到内容{}
:
高度:600px代码>(或图像的高度)
我用Inspect Element试了一下,照片出现了
祝你好运 将此添加到您的#内容{}
:
高度:600px代码>(或图像的高度)
我用Inspect Element试了一下,照片出现了
祝你好运 试试看
<div id="content">
...
<div style="clear:both"></div>
<!-- CONTENT END -->
</div>
试一试
确保div上有宽度/高度。你能发布一个屏幕截图和一些html/css吗?确保你的div上有一个宽度/高度。你可以发布一个屏幕截图,它应该是什么样子和一些html/css。这会弄乱其他页面和页脚将在文本内!这会弄乱其他页面,页脚将位于文本内部!同样的问题;在长页面上,页脚将位于文本内部。当我查看您提供的页面时,它现在可以工作了。我看到溢出:隐藏修复了它。同样的问题;在长页面上,页脚将位于文本内部。当我查看您提供的页面时,它现在可以工作了。我看到溢出:隐藏修复了它。
<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%;
}