背景在Chrome和Safari中被推下

Question

我使用“320andup”来制作我的第一个真正的响应式网站。除了一件事，我设法有一个完美的自适应环境。 Chrome和Safari中的背景图片被压缩了18px。我无法解释原因。我唯一知道的是当我添加身体标签“background-attachment：fixed;”问题解决了但是当我滚动时，我得到了一个我不想拥有的丑陋体验。我也试过这个

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body {
    background-image: url(../img/chrome-safari-img.gif);
    }
}

用IE完全破解。

Firefox，Opera和IE8都可以。唯一的问题是Chrome和Safari。

您可以查看问题的确切内容并调查我的localhost网站中的代码 - ＆gt; http://www.demo.lollypop.gr/ffloor

我想避免使用PHP检测chrome。

Answer 1

只需在您的正文标记中添加position:absolute;。