2014-02-20 34 views
0

好之外正确呈现,这是一个棘手..背景颜色不视

在我的网站,当我想改变滚动的背景颜色,背景不恰当的渲染外当前视口。要重现这一点,请转至http://thierry.zweidesign.ch并通过DevTools更改正文的背景颜色。它与改变滚动事件颜色的行为完全相同。

如此混乱..

+0

请解释你的意思是'正确',它的行事如我所料。 – Godwin

+0

当我改变颜色,然后向下滚动时,背景不会呈现到处。在初始视口上,一切正常,但不在其外面。 – puyol5

回答

0

尝试加入CSS:

body, html{ 
    height:100%; 
    padding:0; 
    margin:0; 
} 

我怀疑这是视口没有扩展到整个内容大小的结果。

+0

Thx,但没有,没有工作。 :( – puyol5

1

该问题来自您在.page元素上使用position: absolute。尝试添加以下到您的.page风格:

.page { 
    position: relative; 
    overflow: auto; 
} 

使用绝对定位意味着父元素不再承认你的元素的尺寸,以便身体实际上并不延伸经过屏幕的底部。

+0

Thx,但这似乎并没有工作.. :( – puyol5

+0

请解释它是如何不工作。添加到样式表解决了我在Chrome中的问题,我能够将整个背景变成红色。这是只发生在一个特定的浏览器? – Godwin

+0

我改变了CSS(.page位置现在是相对和自动溢出),它仍然是相同的行为(Chrome)。现在尝试它时它工作吗?也许你改变了第一次向下滚动然后运行它的CSS? – puyol5