Question

所以我有一个网页，其中div正在填充有时会离开页面的动态内容。 div包含一些填充了单元格的表格，每个单元格都附有title属性。当我将鼠标悬停在表格单元格上时，div开始闪烁。

侧面的滚动条也太小了。但是一旦我开始滚动它就会扩展以适应整个内容。滚动到底部后，一直滚动到表格单元格不再导致闪烁。

显然，当用户将鼠标移到上面时，我不希望我的内容闪烁。删除title属性也解决了问题，但我希望能够将其保留在那里。

此问题仅出现在IE8及更低版本中。我还没有测试IE9 +，但它在Chrome和Firefox中可以正常使用。

之前有人遇到过这个问题吗？是否可以轻松替换title属性？欢迎任何意见和赞赏。其中一个表的代码如下：

<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，您可以为其提供所需的属性。

当鼠标悬停在Internet Explorer中时，Div闪烁

1 个答案: