我正试图让固定的背景图像div在iOS上为一个学校项目工作.我一直在用

background-attachment: fixed;

但这导致了移动狩猎中奇怪的大小和没有滚动效果.Here is the site;我目前用于报价div映像背景的方法在台式机上工作得很好,但在iOS上完全失败.

不知怎么的,http://www.everyonedeservesgreatdesign.com号成功了.我很难理解代码,因为他们使用的是某种squarespace模板,但看起来他们将图像放入一个position:fixed div中,而这个position:fixed div不知怎么被它的position:relative父div剪辑了.我当时的印象是,除了视口之外,不可能剪辑position:fixed div,所以我很好奇这里发生了什么.

关于如何在我的站点中为固定图像div背景实现此方法,有什么 idea 吗?

推荐答案

过go 有人问过这个问题,显然移动浏览器要花很多钱,所以它被禁用了.

勾选this comment by @PaulIrish:

固定背景有huge%的重绘成本和大量的滚动性能,我相信这就是为什么它被禁用的原因.

您可以在此帖子中看到解决方法:

Fixed background image with ios7

Fixed body background scrolls with the page on iOS7

Css相关问答推荐

如何为垫子制作圆角- Select 所有角点上的下拉列表

更改MAT-FORM-FIELD的CSS,使其在有Angular 的HTML中显示为普通文本框

当具有外部高度的网格项溢出时,为什么溢出滚动端口填充不应用于网格容器?

如何仅使用CSS Select 器根据列表中第n个项的子项属性 Select 该项

在AND设计令牌上使用不同的主题

你能混合固定/相对定位吗?

使用框架时样式冲突导致的 CSS 网格布局问题

如何使代码块输出在 quarto revealjs 演示文稿中水平滚动

使用 React JS 和自定义 CSS 创建 Cookie 横幅

和号 (&) 作为 SASS @mixin 中的变量

通过css修改样式shadowroot元素

循环一个 sass/scss 变量以生成 css 变量

如何禁用亚像素渲染或强制浏览器将属性舍入到最近的像素?

不能在带有 SCSS 的过滤器灰度内使用 CSS 变量

React Typescript 中的自动 typewriter 效果

纯 CSS/JS 的 SVG 连续向内方形螺旋动画

弹簧靴.一个文件捕获 CSS 其他没有

svg 背景图像位置始终在 Internet Explorer 中居中,尽管 background-position: left center;

字体上的 Font-Awesome 错误 404

如何实现最大字体大小?