javascript - 简单 javascript 属性更改的一些错误

Question

我的错误在哪里？鼠标上没有任何反应:

HTML

    <div id="spettacoli_div">
      <img class="spettacoli" src="grafica/spettacoli_di_sala.png" alt="spettacoli di sala" onmouseover="document.getElementById('spettacoli_di_sala_on').style.display = 'block';" onmouseout="document.getElementById('spettacoli_di_sala_on').style.display = 'hidden';"> 
     <div>
    <div id="spettacoli_on_div"> 
     <img class="spettacoli_on" id="spettacoli_di_sala_on" src="grafica/spettacoli_di_sala_on.png" alt="spettacoli di sala"> 
    </div>

CSS

.spettacoli_on {
    float: left;
    position:relative;
    padding-left: 4.4%;
    width:19.4%;
    height:auto;
    visibility: hidden;
}

非常感谢。

Answer 1

您正在使用 CSS visibility 隐藏元素，但您的 JavaScript 正在切换其 display 属性。