css - 页眉、内容、页脚未显示图像

Question

这是我的代码。内容图像曾短暂地工作，但现在消失了。

试图让Header只出现在页面顶部，图片高度为1000px。页面底部的页脚，图像高度为 1000px。内容图像需要重复以适合内容。这是一个博客，所以它会有所不同。图片高度为 1000px。

body {
   background:#0c1824;
   color:#170d23;
   font:11px/18px arial, verdana, helvetica, sans serif;
   margin:0px 0px 0px 0px;
   padding:0px;
}

页眉、#页脚、#内容

#header{ 
    background-image: url(http://i1331.photobucket.com/albums/w595/4V3D15/header_zpsf652d36b.png);
    background-position: center top;
    background-repeat: no-repeat;

}
#footer{
    background-image: url(http://i1331.photobucket.com/albums/w595/4V3D15/middle_zps8a8ab3d1.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
#content{

    background-image: url(background-img-link);
    background-size: 100#;
    background-position: center center;
    background-repeat: repeat-y;

}

Answer 1

您需要为每个部分设置高度...
由于您使用的是背景图片，除非有内容可展开该部分，否则它们不会显示。

看看这个 DEMO

例如，我已经像这样更新了您的 header CSS:

#header{ 
    background-image: url(http://i1331.photobucket.com/albums/w595/4V3D15/header_zpsf652d36b.png);
    background-position: center top;
    background-repeat: no-repeat;
  height:200px;

}

注意这里添加了height:200px。您需要根据需要调整每个值以匹配您要查找的内容。