仅在单个图像上使用CSS和HTML创建可交互的网格

时间:2017-03-09 22:47:00

标签: html css image dictionary grid

我正在通过Enjin的网站托管为我运行的游戏服务器建立一个网站。我有一个HTML模块,它将显示我们的游戏服务器发生的岛屿地图,已经有网格覆盖。

我想要做的(如果可能的话)是创建一个动态网格,其中包含css和html(javascript,如果需要),它覆盖图像的网格,并在用户将鼠标悬停在其上时突出显示每个单元格,弹出特定坐标的详细信息(例如任何基础或特定区域的其他特殊信息)

我试过通过谷歌环顾四周,但是所有的搜索都是从多个图像中创建一个网格(这不是我想要的),或者使用区域标记而没有太多关于如何将其变成全面的解释网格。

我不熟悉如何解决这个问题,如果可能的话,我希望得到任何意见或建议。谢谢!

注意:对于那些希望查看我正在使用的地图的人,为了更好地帮助理解我的问题并为我提供帮助,请参阅here

0 个答案:

没有答案