复制后台附件:修复了 iOS 上的行为
探索问题
使用后台附件时:修复为在 iOS 上实现固定背景图像时,开发人员会遇到尺寸意外调整和缺乏滚动效果的问题。此问题的出现是由于 iOS 上的 Safari 禁用背景附件以增强滚动性能。
了解浏览器限制
根据 @PaulIrish,固定背景会带来重大的重绘成本,对滚动性能产生负面影响。因此,iOS 上的 Safari 已禁用此行为。
替代方法
由于 iOS 不支持后台附件:固定,可以探索替代解决方案:
-
固定位置DIV:
- 创建位置:固定; DIV 并将背景图像放置在其中。
- 使用position:relative; 剪辑DIV;
- 此技术提供了一种解决方法,通过模拟固定背景行为而不使用后台附件:固定。
示例
进一步实施请参考以下帖子指导:
- [用 ios7 修复背景图像](https://stackoverflow.com/questions/21128043/fixed-background-image-with-ios7)
- [修复主体背景随页面滚动iOS7](https://stackoverflow.com/questions/20786807/fixed-body-background-scrolls-with-the-page-on-ios7)
以上是如何在 iOS 上复制'后台附件:固定”行为?的详细内容。更多信息请关注PHP中文网其他相关文章!