javascript - 当顶部有另一个标签时，如何将css悬停分配给标签？

Question

我有一个表格，我想为它的所有单元格分配一个 CSS 悬停。但同时我有一个带有 bg 图像的 div 标签，它与表格具有相同的宽度和高度，并且它以相对位置定位在表格的正上方。我怎样才能仍然将css悬停分配给表格的单元格，因为当我尝试它时，它不起作用，我认为这是因为当我检测到div标签时......

有谁知道这个问题的解决方案？

注意：它必须与 IE9 一起使用（也不能使用 css3）

score 4 · Accepted Answer

它可以在 Firefox >= 3.6 和 Safari >= 4.0 中使用 CSS 指针事件来完成。可能还有一些 Chrome 版本。不幸的是，我不知道跨浏览器的解决方法。

#overlay {
  pointer-events: none;
}

score 0 · Accepted Answer

有两种解决方案：
1-使用以下代码：

<td  onmouseover="className='tdon'" onmouseout="className='tdoff'"></td>

然后在 css 中编写 tdon 和 tdoff 类。

2- 使用 jQuery $("td").hover(function() {});

2 回答 2