css - 带有简单悬停的多边形地图

Question

谁能告诉我http://ubytujnaslovensku.sk/sk/上的地图是如何创建的/如何创建类似的东西？只有一张图....

Answer 1

您提供的网站上的地图使用了两张图片。第一个图像是实际的 IDLE 贴图，第二个是它的阴影版本。

阴影版本只是一个“Sprite”，其中所有区域都是嵌入的，并且当您将其悬停时，它们会按照他们希望的方式进行查看。

每当您悬停一个区域时，JavaScript 都会看到它并根据您悬停的国家/地区设置“背景位置”变量。

Sprite 图像显示在这里。

我建议您在尝试完成类似的地图之前对精灵有更深入的了解。