2012-03-30 60 views
2

我使用了“320andup”来创建我的第一个真正的响应式网站。除了一件事情,我设法拥有了一个完美的适应环境。 Chrome和Safari中的背景图片被推下18px。我无法解释为什么。我唯一知道的是,当我在body标签中添加“background-attachment:fixed;”问题解决了,但是当我滚动时,我得到了一种我不想拥有的难看的体验。我也试过这个背景在Chrome和Safari中被推下

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

用IE来完全破解。

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

你可以清楚地看到什么问题,探讨我的本地网站的代码 - >http://www.demo.lollypop.gr/ffloor

我想,以避免检测与PHP铬。

+0

我真的不明白为什么我的问题-1。 – 2012-03-30 10:17:11

+1

是的,downvotes没有解释是超级粗鲁。 – Kyle 2012-03-30 10:22:18

+0

我花了很多时间寻找工作,这就是为什么我不明白-1。我想很明显看到修复...谢谢大家花一点时间帮助我解决这个问题。 – 2012-03-30 10:26:48

回答

0

只需在您的身体标记中添加position:absolute;即可。

+0

我现在感觉很愚蠢。非常感谢您的帮助。 – 2012-03-30 10:24:03

+0

没问题,像这样的事情总是发生在我身上。我们工作太多了。 :-) – Cthulhu 2012-03-30 10:31:12