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

【问题标题】：How to assign css hover to tag when there is another tag on top?当顶部有另一个标签时，如何将css悬停分配给标签？
【发布时间】：2012-10-22 15:06:25
【问题描述】：

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

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

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

【问题讨论】：

$('table td').click(function(){ alert('worked!')}) - 这有效吗？
尝试为所有单元格设置一个类，然后尝试 $('.classNameOfCell').click(function(){alert(555);})
似乎您应该使用 map element 而不是 div 和 table。我引用了 HTML5，但地图元素一直存在。没有建议将此作为答案，因为它不使用任何 jQuery（甚至脚本或 CSS）。纯 HTML。
抱歉，我需要换个问题。再看上面

【解决方案1】：

查看this post

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

#overlay {
  pointer-events: none;
}

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：