鼠標在Internet Explorer中懸停時閃爍Div

Question

因此，我有一個網頁，其中div充滿了動態內容，有時會跳出頁面。 div包含一些填充單元格的表格，每個單元格都附有title屬性。當我將鼠標懸停在表格單元上時，div開始閃爍。

側面的滾動條也太小了。但只要我開始滾動，它就會展開以適應整個內容。在滾動到底部懸停在表格單元格之後，不再導致閃爍。

顯然我不希望我的內容閃爍當用戶將鼠標移到它上面。刪除title屬性也解決了這個問題，但我希望能夠保留它。

此問題僅在IE8及以下版本中存在。我沒有測試過IE9 +，但它在Chrome和Firefox中按照預期工作。

有沒有人碰到過這個問題？是否有一個簡單的替代標題屬性？任何輸入是受歡迎和讚賞。其中一個表的代碼如下：

<table class="main_html"> 
<tr class="main_html" id="5"> 

    <td class="hour_slot" title="21:00" id="Alpha210000" value="21:00:00"></td> 
    <td class="hour_slot" title="21:30" id="Alpha213000" value="21:30:00"></td> 

    <td class="hour_slot" title="22:00" id="Alpha220000" value="22:00:00"></td> 
    <td class="hour_slot" title="22:30" id="Alpha223000" value="22:30:00"></td> 

    <td class="hour_slot" title="23:00" id="Alpha230000" value="23:00:00"></td> 
    <td class="hour_slot" title="23:30" id="Alpha233000" value="23:30:00"></td> 

    <td class="hour_slot" title="23:59" id="Alpha235959" value="23:59:59" style="border:none;"></td> 
</tr> 
</table> 

Answer 1

這是因爲td本身不具有title屬性。或者這個問題的價值屬性。爲什麼不試試這個：

<table class="main_html"> 
    <tr class="main_html" id="5"> 
     <td><div class="hour_slot" title="21:00" id="Alpha210000"></div></td> 
     ... 
    </tr> 
</table> 

這樣一來，使用div的，你可以給它您所需要的屬性。