问题标签 [background-attachment]

嘿，我正在尝试我朋友想让我做的一件事，但我还是新手。我试图用 js 对图像进行视差效果，但它不起作用，所以我解决了背景附件 - 已修复但仍然存在问题。该部分分为左右两半 - 一半是图像，另一半是文本（并且有三行）。我希望图像在滚动时保持固定，它当然可以，但是当我设置背景附件时，图像会变大 - 全屏。我想保持与似乎没有任何效果之前相同的 50% 宽度。

HTML

和 CSS

I'm creating a menu with knockout text links. The issue is that on Safari (14.0.2 and possibly prior versions) I can't scroll this menu. If you take a look at DevTools links' rectangles, they are actually moving, but text remains on the same place.

In Chrome everything works just fine.

我一直在寻找如何使用 CSS3 生成新的玻璃态射效果。幸运的是，我发现这篇文章使它发生。在第一种方法中，文章做了这样的事情（我用相同的结构和属性编写了这段代码）：

使用此 HTML：

现在，我不明白如何在具有背景background-attachment的.contenedor元素中保持inherit背景。

我知道这background:inherit是从其父级继承所有背景属性，但如果我把

相反inherit，它不起作用。PDT：当然我理解::before实现后台的伪类，我使用第一种方法而不是第二种方法，因为与 Mozilla Firefox 不兼容

谢谢大家，对我糟糕的英语感到抱歉

我有一个中心 div，它有一个背景图像和内容，它也被缩放以适应某些设备。

所以 div has transform: scale(1.5)，它有一个背景 background-attachment: fixed;来保持背景。但我无法弄清楚如何拉伸图像以适应整个 div。

我没有运气玩背景大小。对图像应用变换transform: translateY(-10%)确实会使图像向上移动，但这些看起来像是神奇的数字。有人有想法吗？

jsfiddle：https ://jsfiddle.net/a85qev0h/3/

我最近一直在尝试制作一个使用重复线性渐变来分隔行的文本区域，但是，当我滚动时渐变不会附加到文本框。难道我做错了什么？

顺便说一句，这是代码：

另外，这里是我使用的一些 URL：

文本区域中编号和分隔的行

重复线性渐变教程

我正在为一个朋友编写一个网站，但是当我向下滚动页面时，jumbotron 背景图像一直在跳跃。有人可以向我解释我做错了什么吗？谢谢你。

Codepen 链接在这里：https ://codepen.io/Bekahlea/pen/bGqNaVo

我制作了一个带有垂直渐变背景（0度）和背景附件属性的盒子样式：固定；. 当我滚动滚动颜色变化时的结果。

（如果我的盒子在顶部 0，我有我的颜色 A，如果它在底部 0，我有我的颜色 B，中间有所有中间阴影，其长度与滚动成正比）

它在 chrome、bing 上完美运行...

但不是在Mozilla上！

所以我不知道该怎么办？

我正在为客户开发 Squarespace 网站，并且仅使用 HTML 和 CSS 添加了 3 个视差滚动效果...

在我的 MacBook 和我用于测试的其他桌面设备上一切正常。但是我的客户看不到图像，只能看到图像应该存在的白色空间块。

有趣的是，他可以在我创建的另一个 Squarespace 网站上看到效果正常工作，我使用完全相同的代码添加了相同的效果......

知道为什么会这样吗？

以防万一这是我正在使用的代码：

我创建了一个背景并附加到正文，它正在向右滚动。但是当我附加到一个 div 时，它似乎没有附加。滚动发生在正文中。

这是连接到身体时的链接

vs附加到 div时

在您尝试关闭之前：我知道那里有类似的问题和答案，但是这些解决方案都不适合我，而只是将滚动锁定在一起。这可能是因为我使用的是 w3schools 的网站模板。

我正在为一个学校项目制作一个网站，我希望背景是树叶的图片。不幸的是，这张图片似乎没有覆盖整个页面，导致它向下重复。这是一个问题。

我曾经background-attachment: fixed;在 chrome (for windows) 上解决这个问题，但发现 safari 不支持这个。

该网站的代码可以访问：这里。（Control + U 用于页面源）

tldr; 我需要找到background-attachment: fixed;适用于我的网站的 safari 的等价物。

提示：您必须在 safari 中测试页面才能看到问题。