将多个元素放在图像上以提供交互性的最佳方法

Question

考虑到附加的图像，我希望每个“单元格”（可以这么说）在它上面有一个DOM元素，以便可以单击它，设置背景等等。

我尝试制作一张桌子并进行微调，使其适用于Firefox。我打开了其他浏览器，Firefox中的微调并不适用于它们。

你会怎么做？有465个单元需要可点击，并且全部叠加在图像中的单元格上，并且定位误差尽可能小。

修改
这是JSFiddle：http://jsfiddle.net/Francisc/PUPHz/embedded/result/

这是表格在各种浏览器中的显示方式：
http://89.45.196.35/~francisc/chrome.jpg
http://89.45.196.35/~francisc/firefox.jpg
http://89.45.196.35/~francisc/ie.jpg

谢谢。

Answer 1

这是我要做的，它很乱，但它可以工作。在左上角做一个div，找出最佳的宽度和高度（从你试过的表中猜测你知道）

你必须让图像在div下面，所以我认为你必须给它一个覆盖属性或类似的东西（不记得它叫什么）所以考虑到这一点，你有每个div的类宽度：XXpx高度：XXpx浮动：左边，应该是它。从那里你可以创建：hover类来进行背景更改，如果需要，也可以创建一个选定的类。

希望有所帮助