2011-12-01 72 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