当前位置: 首页 > 面试题库 >

如何复制iOS上固定的背景附件

贺雪松
2023-03-14
问题内容

我正在尝试让固定背景图像div在iOS上用于学校项目。我一直在用

background-attachment: fixed;

但这会导致尺寸变大,并且在移动Safari中没有滚动效果。这是我正在使用的网站;我当前用于引用div图像背景的方法在台式机上效果很好,但在iOS上完全失败。

不知何故,完成了此工作。我在执行代码时遇到了困难,因为他们使用某种正方形空间模板,但是看起来他们正在将图像放入position:fixeddiv,而该div却被position:relative其父div裁剪了。我给人的印象是,position:fixed除了视口之外,不可能用任何其他东西剪辑div,所以我对这里发生的事情很好奇。

关于如何在我的网站中针对固定图像div背景实施此方法的任何想法?


问题答案:

过去曾有人问过它,显然它对移动浏览器来说要花很多钱,因此已被禁用。

固定背景具有 巨大的 重画成本和滚动性能下降,我相信这就是为什么它被禁用。



 类似资料:
  • 问题内容: 我正在尝试让固定背景图像div在iOS上用于学校项目。我一直在用 但这会导致尺寸变幻,并且在移动Safari中没有滚动效果。这是我正在使用的网站;我当前用于引用div图像背景的方法在台式机上效果很好,但在iOS上完全失败。 不知何故,可以正常工作。我在执行代码时遇到了困难,因为他们正在使用某种正方形空间模板,但是看起来他们正在将图像放入div,而该div却被其父div裁剪了。我给人的印

  • 问题内容: 我已经有一段时间了,这似乎是一个Chrome重绘错误,尚未修复。因此,我正在寻找任何权宜之计。 主要问题是页面上的元素具有使用以下内容的背景图像时: 如果另一个元素固定并具有子视频元素,则它将导致具有背景图像的元素消失。 现在,它可以在Safari(以及Firefox和IE)中正常运行,因此这并不是Webkit的问题。我已经应用了一些没有用的建议属性。 目前,我的解决方案只是通过媒体查

  • 如何在css中设置固定背景并滚动???而且我一直试图设置一个背景来覆盖所有维度,因为我总是以模糊的背景结束:( 我在这方面相对较新,所以请不要评判我,这是我的css:body#bg{宽度:100%;高度:100%;位置:绝对;左:0px;顶部:0px;z-index:0;背景附件:固定; }

  • 我正在编写 Java 代码来旋转固定背景图像上的图像,就像在时钟背景上旋转指针图像一样。 手表上有多个指针,一根针数小时,另一根针几分钟。 如何在固定背景下旋转2d图形图像?

  • 我想让我的登录活动与背景关闭整个活动,包括手机本身的时钟像这样 这是我的密码 但我的输出是 我需要删除橙色条,使其与第一个图像相同。 我如何按照这种风格制作:

  • 在CSS中,通过 body 元素 background-image 属性来定义整个窗体的背景图像,通过其他元素自身的 background-image 属性来定义元素自己的背景图像。 定义背景图像之后,默认情况下,当窗体的内容滚动时,窗体的背景图像会跟着一起移动,其他元素的背景图像则不同,始终相对于元素固定不动,不会跟着元素内容一起移动。 CSS提供了 background-attachment属