css - 背景图像故障

标签 css safari background mobile-safari

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

该页面在大多数浏览器上显示良好,但在 ipad/safari 上,此浏览器在可视区域显示完整的背景图像,而不仅仅是根据其他主要浏览器的背景图像的 native 分辨率。

重要的是我保留图像背景并允许它向下滚动,因为该站点上的某些页面会很长。任何想法都会非常受欢迎!

提前致谢!

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

首页是index.html(供引用)-首页使用了不同的背景图片。那里没有问题...!

iPad Safari 背景错误截图:http://websiteworkpreview.com/test/2.JPG

最佳答案

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

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

关于css - 背景图像故障,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8344015/

相关文章:

ASP.Net 验证器样式

javascript - window.getSelection() 在 ios6 设备中不工作?

html - 选择 :hover inside grid-area with overflow: scroll causes Safari to jump to top

javascript - OSX Safari 框架加载中断

html - 如何使黑框垂直和水平居中?

javascript - 仅在第一个时才考虑动态添加的样式表

javascript - CSS3+Javascript 位置粘性可滚动内容

javascript - 通过javascript制作背景

android - 即使应用程序关闭(终止)也运行服务

linux - 在后台运行 rsync