【问题标题】: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代码
  • @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>

【讨论】:

【解决方案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');
猜你喜欢
  • 2016-08-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多