Question

这个问题让我头疼了几天。我有一个网站，设置CSS背景，没有滚动 - 效果很好。但是，在相当长的页面上，会出现一个完全相同的背景，似乎在另一个背景的FRONT中滚动。

您可以在此页面上看到它： http://www.joyrocks.com/corporate/

我已经浏览了CSS，我确信我错过了一些简单的东西，但我希望一些新鲜的眼睛可以指向正确的方向。干杯！

修改：解决了！对不起，这可能是偏离主题的。将来会记住这一点！

Answer 1

我花了一秒钟才意识到这里发生了什么。现在我不确定为什么它会像那样重复。可能与修复的背景有关。我认为你的主要问题是body / html height。

body,html{
    height: 100%;
}

只设置视口的高度，这意味着仍有很多溢出不被覆盖。

我将高度改为最小高度，似乎解决了问题：）

body,html {
    min-height: 100%;
}

Answer 2

您必须从此css行中删除body,：

body, #section-tophat, #section-footer, #section-sub-footer

Answer 3

您的body:after规则适用与您的身体相同的风格。

导致此问题的原因有两个：

body, body:after {
    background: url('/wp-content/uploads/2014/05/background-new-2.jpg') top left fixed repeat;
}


body:after, ul.tabs li a.active:after {
    content: "";
    background: #FFF;
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

从这些中删除body:after定义，你会没事的。

出现意外的单独背景图像

3 个答案: