Javascript 当顶部有另一个标记时,如何将css悬停指定给标记?

Javascript 当顶部有另一个标记时,如何将css悬停指定给标记?,javascript,jquery,html,Javascript,Jquery,Html,我有一个表,我想给它的所有单元格分配一个css悬停。但与此同时,我有一个带有bg图像的div标签,它的宽度和高度与桌子相同,它被定位在桌子的正上方,位置相对。我怎么还能将css悬停分配给表格的单元格,因为当我尝试它时,它不起作用,我认为这是因为当我检测到div标记时 有人知道这个问题的解决办法吗 注意:它必须与IE9一起工作(也不能使用css3)检查 可以使用Firefox>=3.6和Safari>=4.0中的CSS指针事件来完成。可能还有一些Chrome版本。不幸的是,我不知道跨浏览器解决方案

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

有人知道这个问题的解决办法吗

注意:它必须与IE9一起工作(也不能使用css3)

检查

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

#overlay {
  pointer-events: none;
}
检查

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

#overlay {
  pointer-events: none;
}

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

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

然后用css编写tdon和tdoff类

2-使用jQuery
$(“td”).hover(函数(){})

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

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

然后用css编写tdon和tdoff类

2-使用jQuery
$(“td”).hover(函数(){})

$('table td')。单击(函数(){alert('worked!')})-这是否有效?尝试为所有单元格设置一个类,然后尝试$('.classNameOfCell')。单击(函数(){alert(555);})似乎应该使用,而不是div和table。我引用了HTML5,但地图元素已经存在了很久。我没有建议将此作为答案,因为它不使用任何jQuery(甚至脚本或CSS)。纯HTML。对不起,我需要更改问题。再次查看上面的$('table td')。单击(function(){alert('worked!')})-这是否有效?尝试为所有单元格设置一个类,然后尝试$('.classNameOfCell')。单击(function(){alert(555);})似乎应该使用一个而不是div和table。我引用了HTML5,但地图元素已经存在了很久。我没有建议将此作为答案,因为它不使用任何jQuery(甚至脚本或CSS)。纯HTML。对不起,我需要更改问题。看上面,阿加尼特不为我工作。overlay是div标签的id,对吗?这会比map元素好吗?对不起,我需要更改问题。再次参见上文,您是否检查了上面的javascript解决方案链接?它支持ie9@RobG这取决于情况,map元素是一种解决方案,但有时map元素可能不适合(例如:如果底层是从其他站点获取的),这对我不起作用。overlay是div标签的id,对吗?这会比map元素好吗?对不起,我需要更改问题。再次参见上文,您是否检查了上面的javascript解决方案链接?它支持ie9@RobG这取决于具体情况,map元素是一种解决方案,但有时map元素可能不适合(例如:如果底层是从其他站点获取的)