HTML style.backgroundImage

Question

我试图使一个效果，如果你的光标进入div(按钮)，另一个div中的图像正在改变。这是我代码的一部分:

<div class="button" onmouseenter="button1()">
  <a href="oserwerze.htm">
    <p class="button-c">O SERWERZE</p>
  </a>
</div>

function button1() {
  console.log("button1()");
  document.getElementById("menu-imgs").style.backgroundImage = "url('../ img / wariant1.png');"
}
function button2() {
  document.getElementById("menu-imgs").style.backgroundImage = 'url("../img/tapet.png");'
}

CSS:

background-image: linear-gradient(to right, rgba(20, 20, 20, 1) 20%, rgba(20, 20, 20, 0.3) 90%),
url('../img/tapet.png');

我不知道这是怎么回事。

我试图用线性梯度()和没有它，但它仍然不起作用。它应该改变图像。

Answer 1

正如@PrinceSodhi所说:

可能在url - url('../img/warant1 .png');

我假设你的文件夹命名为img，而不是_img_，你的图像命名为wariant1.png，而不是_wariant1.png。

要解决这个问题，请尝试替换:

url('../ img / wariant1.png');

:

url('../img/wariant1.png');

应该可以了!