背景图像故障

时间:2011-12-01 15:39:35

标签: css safari background mobile-safari

我正撞着一堵有编码问题的墙。我开发了一个带有大背景图像的网站,以允许滚动内容。

在大多数浏览器上,该页面显示正常,但在ipad / safari上,此浏览器在可查看区域中显示完整的背景图像,而不仅仅是主要的borwsers背景图像的原生分辨率。

重要的是我保留图像背景并允许它向下滚动,因为此网站上的某些页面会很长。任何想法都会得到很多推荐!

提前致谢!

布局页面的预览:http://websiteworkpreview.com/test/index_test.html

主页是index.html(供参考) - 主页使用不同的bg图像。没问题......!

iPad上Safari的背景错误:http://websiteworkpreview.com/test/2.JPG

1 个答案:

答案 0 :(得分:0)

Mobile Safari在图像文件大小方面存在一些问题,以及一些已知的限制。请查看以下链接中的讨论。它显示了一个看起来与您的非常相似的示例,其中图像是垂直裁剪的,还有一些关于限制的规格。虽然它使用iPhone进行引用,但它当然会影响iPad,因为它们都使用Mobile Safari。

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