使用CSS将网格放在地图上?

时间:2010-10-28 19:57:57

标签: grid

我有一张世界地图图片。我想在整个地图上放置一个SQUARE GRID。我希望通过鼠标悬停更改每个方格(单元格网格),边框颜色更改和背景颜色更改。

网格需要在地图上分层,除边框(网格)外都是透明的。

我可以使用CSS实现这一点,还是有更好的方法来实现这一目标?

非常感谢。

埃里克

1 个答案:

答案 0 :(得分:0)

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

您需要修改CSS以使网格绝对定位,使其位于地图顶部。

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

您也可以使用css使网格透明:http://css-tricks.com/css-transparency-settings-for-all-broswers/