javascript 在JS中更改其url时背景图像消失

dwbf0jvd 于 2023-01-01 发布在 Java

关注(0)|答案(1)|浏览(174)

我试图改变我的背景图像，当我点击它，但背景图像只是消失.即使当我试图改变它完全相同的图像Before click当我点击并启动我的替换功能，你可以看到，新的网址是完全相同的After click
JS部分

tamponContent.style.backgroundImage = "url('../../svg/Items/ReceptionTampon.svg')";

CSS部分

background-image: url("../../svg/Items/ReceptionTampon.svg");
    background-repeat: no-repeat;
    background-position: center;

这不是一个查询选择器错误，因为我可以看到它改变了网址（我尝试设置背景色，这工作）

JavaScript

来源：https://stackoverflow.com/questions/74960304/background-image-disapear-when-changing-its-url-in-js

1条答案

按热度按时间

ztigrdn81#

我已经找到了一个解决方法，我只需要创建一个新的类，里面只有新的背景图片url，然后随意添加或删除这个类
中央支助系统

.tampon--top {

position: absolute;
z-index: 20;

width: 10vw;
height: 10vw;

background-image: url("../../svg/Items/ReceptionTamponTop.svg");
background-repeat: no-repeat;
background-position: center;

pointer-events: none;

}

.tampon--topInk {

background-image: url("../../svg/Items/ReceptionTamponTop_ink.svg");

JS系统

if(ink) {
    tamponInk = true;
    tamponTop.classList.add("tampon--topInk");
}else {
    tamponInk = false;
    tamponTop.classList.remove("tampon--topInk");
}

赞(0）回复(0）举报 2023-01-01

我来回答

javascript 在JS中更改其url时背景图像消失

1条答案

相关问题

热门标签

最新问答