我想在移动网页中创建一个带有背景的部分，因此我使用了以下 CSS 代码：
#section1{
background: url("background1.png") auto 749px;
height: 749px;
}
背景在 Android（Chrome、Firefox ...）上正确显示，但在 iPhone 或 iPad（Safari、Chrome iOS ...）上根本不显示。我尝试在 DOM 准备好时使用 jQuery 设置这些属性，但没有成功。我读到尺寸可能是个问题，但图像约为 700kB (1124x749px)，所以它应该完成Safari 网页内容指南 https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482-SW15规则。到底是哪一个问题呢？
我的问题是iOS不支持background-attachment: fixed。删除那条线就会出现图像。
不过，似乎有固定背景图像的解决方法：如何复制 iOS 上修复的后台附件 https://stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
