我有一张世界地图图片。我想在整个地图上放置一个SQUARE GRID。我希望通过鼠标悬停更改每个方格(单元格网格),边框颜色更改和背景颜色更改。
网格需要在地图上分层,除边框(网格)外都是透明的。
我可以使用CSS实现这一点,还是有更好的方法来实现这一目标?
非常感谢。
埃里克
答案 0 :(得分:0)
我建议使用CSS网格框架作为生成网格布局的简单方法。我会选择this one,因为您可以轻松地创建一个带有0px排水沟的网格。
您需要修改CSS以使网格绝对定位,使其位于地图顶部。
网格中的每个元素都是DIV,因此您可以轻松地将Javascript事件附加到每个元素,以允许用户控制地图。如果它是悬停时的简单颜色变化,那么只需使用css。
您也可以使用css使网格透明:http://css-tricks.com/css-transparency-settings-for-all-broswers/