图像的一部分表现为div HTML CSS

Question

我想设计某种国家的地图，其中每个州都表现为不同的“div”。然后我会将不同的页面链接到每个状态。但是州的边界不是正方形/矩形/ any_regular_shape。边界是复杂的形状。我该怎么做呢？ 即使我在Photoshop中打破它们，我如何在CSS中完美地重新组合它们？

谢谢！

Answer 1

你想要this map这样的东西，你应该选择SVG，也许RaphaelJS是一个好的开始。

Answer 2

尝试使用HTML图片地图： http://www.htmlgoodies.com/tutorials/image_maps/article.php/3479741 那里有很多很好的教程。

Answer 3

考虑使用D3.js Geo Projections。 This post written by one of the main developers behind D3应该是一个好的开始。