2011-12-01 103 views
0

我正在將我的頭撞在有編碼問題的牆上。我開發了一個帶有大背景圖片的網站以允許滾動內容。背景圖像故障

該頁面在大多數瀏覽器上都顯示正常,但在ipad/safari上,該瀏覽器在可視區域顯示完整背景圖像,而不僅僅是根據主要路徑的本地解析背景圖像。

重要的是我保留圖像背景並允許它向下滾動,因爲這個網站上的一些頁面會很長。任何想法都會得到很好的體會!

在此先感謝!

預覽佈局頁面:http://websiteworkpreview.com/test/index_test.html

主頁是index.html的(供參考) - 主頁使用不同BG的圖像。那裏沒有問題...!在Safari背景的iPad上

錯誤screnshot:http://websiteworkpreview.com/test/2.JPG

+0

您可以通過同時按下鎖定和家庭按鈕需要帶一臺iPad的屏幕截圖。 – bookcasey

回答

0

移動Safari瀏覽器已經與圖像文件大小的一些問題,以及一些已知的限制。請看下面鏈接中的討論。它顯示了一個與您的圖像非常相似的示例,其中圖像垂直裁剪,以及有關限制的一些說明。儘管它使用iPhone來引用它,但它當然也會影響iPad,因爲兩者都使用Mobile Safari。

http://www.defusion.org.uk/archives/2010/02/19/shrinking-large-background-image-bug-in-iphone-safari/

+0

謝謝 - 非常熟悉! – Conor