爲什麼鼠標無法通過this.src改變這張圖片？

我很難過。我不知道爲什麼這不會改變鼠標上的圖像源...我創建了一個單獨的測試頁，並沒有這個問題，但它不會與我的實際的div頁...爲什麼鼠標無法通過this.src改變這張圖片？

HTML

<div id="nav"> 
    <div id="nav_left"> 
     <table class="nav_left"> 
      <tr><td> 
       <img src="arrowdown.png" onmouseover="this.src='arrowdownhover.png'" onmouseout="this.src='arrowdown.png'"/> 
      </td></tr> 
     </table>

CSS

#nav { 
    background-color: #272729; 
    width: 99%; 
    margin: 0 auto; 
    height: 55px; 
} 

#nav_left { 
    width: 30%; 
    display: inline-block; 
    height: 55px; 
} 
table.nav_left { 
    padding: 0; 
    margin: 0; 
    border-right: 1px solid black; 
    height: 55px; 
    width: 10%; 
    text-align: center; 
    float: left; 
    margin-right: 1em; 
}

來源

2016-05-06 Timothy Fisher

的例子其實我不得不補充：

img { 
    position: relative; 
    z-index: 1000; 
}

得到這個工作。

我曾經認爲馬赫什是對的，但只要我從img中刪除<td>標籤，它在它的尺寸上工作得非常好。

我猜img正好在<td>單元后面。 img css是我忘記發佈的內容，我沒有指定位置。

感謝大家的幫助！

來源

2016-05-06 04:19:13

扔在半冒號，你最終，如下圖所示的腳本之前，它應該工作。

<img src="arrowdown.png" onmouseover="this.src='arrowdownhover.png';" onmouseout="this.src='arrowdown.png';"/>

來源

2016-05-06 03:39:46 CVarg

不幸的是沒有運氣。我認爲這可能也是如此。 –

如果圖像沒有加載或圖像的尺寸太小，無法識別鼠標懸停事件時，它會觸發mouseout事件也是如此。

你的代碼看起來很好，只需在圖像中添加一些高度和寬度即可。

Feedle表演工作的同

<img style="height:100px; width:100px;" src="arrowdown.png" onmouseover="this.src='arrowdownhover.png';" onmouseout="this.src='arrowdown.png';"/>

來源

2016-05-06 03:48:31

爲什麼鼠標無法通過this.src改變這張圖片？

回答

相關問題