问题标签 [background-repeat]

我已经编写了以下代码，但我根本无法理解为什么我设置为背景的图像不会垂直拉伸以覆盖整个页面。我会很感激你的帮助

如何对多个图像使用背景重复？主要背景图像是静态的，仅位于未滚动页面的顶部。

一旦用户开始在较长的页面上向下滚动，就会有一个辅助背景图像，而不是与第一个图像混合。

对于长页面，此图像会无限重复（如有必要）。

我怎样才能做到这一点？

这是我尝试过的：

static.png 背景页面位于顶部，显示范围为 0 到 600px。然后 repeat.png 从 600px 开始，并在必要时不断重复到无穷大。静态页面应该只在最顶部显示一次。有什么建议么？谢谢！

我认为一个大问题是，background-repeat 只应用于两个图像。

我一直space在round玩弄background-repeat. 从理论上讲，这应该意味着我可以使用径向渐变在元素上创建一个漂亮的虚线边框，而不会切断点。

https://jsbin.com/momiwokena/1/edit?css,输出

它在 Chrome 中运行良好，但在 Safari 中，一旦元素变得太宽，它就会停止工作，从而导致右侧的点被截断。

如何让 Safari 不切断点？

编辑：这是苹果提出的。

有没有办法将我放在我的 html 页面背景中的视频定位并使其重复，就像我使用background-*css 属性对图像/gif 所做的那样？我确信这在当前版本的 CSS 中是不可能的，但也许有一种方法可以用 JavaScript 做到这一点。该视频最初是 gif，而我正在尝试使用 gif 进行操作，但我将其转换为 webm 和 mp4 以提高加载性能并节省带宽。下面是如果我的视频是 gif 我会做什么的代码，然后是我目前拥有的代码并且想要复制“Video as Gif”的代码。

视频作为 Gif

GIF 视频

我不明白为什么当使用 SVG 图像作为背景图像时，背景重复在 Chrome 上看起来如此不清晰，但在 Safari 或 Firefox 上看起来却很好。这是重现该问题的CodePen。

铬 火狐

如您所见，在上述链接中或直接在 Chrome 或 Safari 浏览器中，曲线在 Chrome 中不清晰（为什么？），但在 Firefox 中它们看起来干净锐利（在 Safari 中相同）。

我不敢相信在 2020 年，Chrome 在使用 SVG 图像作为背景方面表现得如此糟糕。

任何帮助表示赞赏！谢谢！小心！

我试图让这个背景图像重新应用以覆盖 div 容器。我希望它保持相同的大小，这样当屏幕比例发生变化时它就不会“放大”。但是，目前，它只是放大而不是保持相同的大小：

有什么建议吗？

编辑：图像已经非常小，所以我想要的是它保持相同的大小，并不断重新应用以适应 div。但不是这样做，它只是放大，这会扭曲图像。

我有许多使用 http 请求的 api。我需要它们在后台工作，以防用户将应用程序放在后台并且有一个 api 没有完成 rquest 过程。我使用了这个函数，但它不起作用，它说：没有完全匹配调用类方法'jsonObject'

我已经尝试在这里搜索答案，但对于其他问题的建议没有一个对我有用。

我的背景代码是：

我还将 HTML 的高度设置为 100%。我什至尝试过宽度，但也没有用。

当我运行它时，它在我的浏览器中显示如下： 一旦我向下滚动，它就会重复。

有什么对你们有用的吗？

我设置 css 自爆

xxxx.png 大小为 1500*4884

在ios中，它做得很好

喜欢：

但在 android chrome 中是这样的：

然后我将背景图像大小更改为 50%(750*2442) 并删除背景大小

它再次表现良好

那么问题是什么，我应该怎么做才能修复这个错误？