Question

我有一个 js 动画 div 图像，它在下面重复。我已经检查和编辑了几次 css 但它没有用，我认为它可能在我提供的 js 代码的这一部分中。有人可以告诉我如何将不重复应用于 js 吗？

    {
            class Slide {
                constructor(el) {
                    this.DOM = {el: el};
                    this.DOM.slideImg = this.DOM.el.querySelector('.slide__img');
                    this.bgImage = this.DOM.slideImg.style.backgroundImage;
                    this.layout();
                }
                layout() {
                    this.DOM.slideImg.innerHTML = `<div class='glitch__img' style='background-image: ${this.DOM.slideImg.style.backgroundImage};'></div>`.repeat(5);
                    this.DOM.glitchImgs = Array.from(this.DOM.slideImg.querySelectorAll('.glitch__img'));
                }
                changeBGImage(bgimage, pos = 0, delay = 0) {
                    setTimeout(() => this.DOM.glitchImgs[pos].style.backgroundImage = bgimage, delay);
                }
            }

Answer 1

将 CSS background-repeat 属性应用于元素的 JavaScript 语法是：

object.style.backgroundRepeat= "no-repeat"; 在这种情况下，object 是应用属性和值的元素。

Answer 2

如果您的 ._slide_img 需要一个 no-repeat，您可以将它放在 CSS 中吗？

CSS 文件

.slide_img {
    background-repeat:no-repeat;
}

如果这不起作用，则您的代码中可能有其他内容阻止了它。在这种情况下，请包含您的所有代码，以便我们重现您的问题。

DIV 内的背景图像重复

2 个答案: