2012-03-30 59 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