Question

我尝试了之前问题的无数提示，但似乎没有一个对我有用。

您可以在http://www.tusenskona.fi/预览此问题，尝试调整窗口大小，您将看到我在说什么！每页都可以看到同样的问题。

如果您访问位于“Produkter”=＆gt;下的galleri5 “Dop”你也可以看到页脚下面有空的空间。

如果有人可以看一下它的索引页面，这是我的代码的一个方面。幻灯片播放不会在jsfiddle网站上播放，但问题仍然可见。

'https://jsfiddle.net/m875L6ot/5/'

Answer 1

从height: 700px;移除#pagewrap并提供position: relative;

所以看起来像：

#pagewrap {
    background-image: url("img/noisebg.png");
    border: 1px solid gray;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 980px;
    z-index: -2;
}

Answer 2

背景图像属性中存在css问题。

从第26行中的 galleri.css 中删除background-size: cover;媒体资源。
原始代码：

body {
    background-color: #ffffff;
    background-image: url("img/bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000000;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin-left: 24px;
    margin-right: 24px;
    text-align: center;
}

替换代码：

body {
    background-color: #ffffff;
    background-image: url("img/bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    color: #000000;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin-left: 24px;
    margin-right: 24px;
    text-align: center;
}

这很有效。

在窗口模式下，页脚不会粘到页面底部

2 个答案: