头，＃页脚，＃含量

Question

这是我的代码。内容图片工作得很简短，但现在已经不见了。

尝试让页眉仅显示在页面顶部，图像高度为1000px。页面底部的页脚，图像高度为1000px。内容图像需要重复以适应内容。这是一个博客，因此它有所不同。图像高度为1000像素。

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

例如，我已经像这样更新了你的标题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。您需要根据需要调整每个值，以匹配您要查找的内容。

图片不显示标题，内容，页脚

头，＃页脚，＃含量

1 个答案: