Grid 使用CSS在地图上放置网格？

我有一张世界地图图像。我想在整个地图上放置一个正方形网格。我希望每个方块（单元格网格）都可以通过鼠标切换到边框颜色和背景颜色

网格需要在地图上分层，除了边界（即网格）外，其他都是透明的

我可以使用CSS实现这一点吗？或者有更好的方法来实现这一点吗

非常感谢

---

Erik

我建议使用CSS网格框架作为生成网格布局的简单方法。我会选择你可以轻松使用创建一个带有0px排水沟的网格

您需要修改CSS，使网格绝对定位，以便它位于地图顶部

网格中的每个元素都是一个DIV，因此您可以轻松地将Javascript事件附加到每个元素，以允许用户控制地图。如果它是一个简单的颜色变化悬停，然后只使用css

---

您也可以使用css使网格透明：

我建议使用css网格框架作为生成网格布局的简单方法。我会选择你可以轻松使用创建一个带有0px排水沟的网格

您需要修改CSS，使网格绝对定位，以便它位于地图顶部

网格中的每个元素都是一个DIV，因此您可以轻松地将Javascript事件附加到每个元素，以允许用户控制地图。如果它是一个简单的颜色变化悬停，然后只使用css

您也可以使用css使网格透明：