Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 背景图像不';不要出现在特定的页面上_Css_Layout_Html_Stylesheet - Fatal编程技术网

Css 背景图像不';不要出现在特定的页面上

Css 背景图像不';不要出现在特定的页面上,css,layout,html,stylesheet,Css,Layout,Html,Stylesheet,在此网站上: 我在左侧和右侧有两个背景图像,它们没有出现,我不知道为什么? 网站的每一个页面都可以正常工作。有些元素似乎没有正确关闭。当我用chrome inspector观看时,我看到内容div非常薄,但我不明白这是什么原因。 如何显示图像?内容中只有浮动元素,因此其高度为零。您可以通过将溢出设置为可见以外的内容来解决此问题: #内容{ 溢出:隐藏; } 瞧 内容中只有浮动元素,因此其高度为零。您可以通过将溢出设置为可见以外的内容来解决此问题: #内容{ 溢出:隐藏; } 瞧 这是因为两个

在此网站上:
我在左侧和右侧有两个背景图像,它们没有出现,我不知道为什么?
网站的每一个页面都可以正常工作。有些
元素似乎没有正确关闭。当我用chrome inspector观看时,我看到
内容
div非常薄,但我不明白这是什么原因。

如何显示图像?

内容中只有浮动元素,因此其高度为零。您可以通过将
溢出
设置为
可见
以外的内容来解决此问题:

#内容{
溢出:隐藏;
}


内容中只有浮动元素,因此其高度为零。您可以通过将
溢出
设置为
可见
以外的内容来解决此问题:

#内容{
溢出:隐藏;
}


这是因为两个元素的class
block
都是浮动的,因此id
content
的元素没有高度(具有背景图像)。因此,您需要为
内容
元素指定高度(
高度: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%;
}