css悬停对自定义形状图像的影响

我有一个coutry的地图..我的任务是悬停在每个区他们将发光的影响..我不知道我如何完美做它..我可以使用html地图标记像：css悬停对自定义形状图像的影响

<img src="district1.png" width="xxx" height="yyy" alt="d1" usemap="#d1_map"> 
<map name="d1_map"> 
     <area shape="poly" coords="0,0, 35,36, 82,126 .... " styles="...."> 
</map>

但这不是完美的，因为你知道地图不具有多边形形状..所以任何其他的想法？在此先感谢..

来源

2014-01-19 Wahid Masud

http://stackoverflow.com/questions/13845958/how-to-get-the-path-coordinates-of-a-shape-for-use-with-image-maps –

http://stackoverflow.com/questions/15649184/image-hover-when-over-area-map - 图像悬停在区域地图上时 – MortenMoulder

使用地图标记内的区域标记划分地图的每个区域;
为您的地图指定一个id或class（例如<map class="mymap">）;
使用CSS时，它的徘徊建立在你的区域的box-shadow：

.mymap area:hover{ box-shadow:0 0 15px #ffffff }

这应该使当鼠标悬停他们的领域焕发。基本上，您将一个类分配给地图，以便通过CSS轻松定位其子项。这样，您不必为每个区域分配一个班级。之后，您将其子项作为目标，并使用：悬停事件将鼠标悬停时将该代码应用到该区域。我真的好奇，如果它的工作，但它应该。

来源

2014-01-19 16:42:58

css悬停对自定义形状图像的影响

回答

相关问题