0

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

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;
}

非常感谢。

4

3 回答 3

2

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

于 2013-10-31T11:36:32.147 回答
0

使用此代码

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


<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 = 'none';"> 
     <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>
于 2013-10-31T11:42:44.397 回答
0

hidden不是 - 属性的有效值display。设置display:none或使用visibility.

于 2013-10-31T11:37:49.200 回答