如何在ipad和iphone中固定背景图像不滚动位置固定[重复]

Posted 2023-03-06

技术标签:

【中文标题】如何在ipad和iphone中固定背景图像不滚动位置固定[重复]【英文标题】：how to background image fixed in ipad and iphone not scrolling with postion fixed [duplicate] 【发布时间】：2014-10-26 08:23:42 【问题描述】：

如何在 Ipad 和 iphone 中修复背景图像的一些位置问题

demo83.com/helm/

【问题讨论】：

给我看看你父母.header_bg的css代码 ***.com/questions/2991623/… @moo2u2 上面链接的问题有答案。 Here is an example for you，它可以在 IE8 中正常使用该过滤器。您正在使用filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='YOUR IMAGE HERE', sizingMethod='scale');？您能否将您现在的问题添加到您的问题中？ hmmmmm 谢谢mistermanSam，这正在工作:) 【参考方案1】：

如果您的图片不能单独跨越屏幕宽度，并且您没有重复该图片，那么它就不会跨越页面的宽度。

【讨论】：

background-size: 100%（如果浏览器支持）会将任何背景图像拉伸 100%。即使是 1px x 1px。【参考方案2】：

在文档顶部<html>之前使用<!DOCTYPE HTML>

【讨论】：

这个没什么区别，问题是在IE8中background-sizeis not supported。【参考方案3】：

属性background-size 属于CSS3。并且在 Internet Explorer 9 中引入了对这个 CSS3 属性的支持。所以不幸的是 IE8 不支持background-size。

您可能会找到 javascript 修复程序或其他东西，但简短的回答是，如果您使用 CSS3，那么请寻找更新的浏览器或阅读 solutions for this issue。

可能的修复：

使用 Javascript/jQuery 查找 div 的宽度并应用该大小的图像。使用<img>可以轻松拉伸到100%宽度。

【讨论】：

此问题与this question 重复。 最简单的解决方案是使用filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='YOUR IMAGE HERE', sizingMethod='scale');