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

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

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

demo83.com/helm/

【问题讨论】：

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

标签： css

【解决方案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');