如何逻辑划分TD细胞

Question

我有带有背景图像的HTML表格单元格（TD）。细胞的左半部分有一种bg颜色，另一半颜色有另一种颜色。现在我想在逻辑上划分这个细胞;当我单击（或鼠标悬停）此单元格的左半部分以具有一个功能时，以及单击（或鼠标悬停）同一单元格的右半部分以具有其他功能时。如何实现这个逻辑划分相同的细胞？我想避免在单元格内部使用两个DIV（或类似）元素，并且仅在现有的TD单元元素上实现这一点。

Answer 1

您可以尝试使用图像地图（此处类似的问题Using JQuery hover with HTML image map），但在我看来，使用2张图片和div更容易。