需要在地图内设置区域标签的样式

Question

我的图像和区域位于

内

<map name="number_areas">
    <area href="#" shape="poly" coords="190,1,285,1,285,95,190,94" id="area6">
    ....

有没有办法为区域标签设置css样式，比如背景，透明度等？

Answer 1

css无法直接将区域样式更改为区域。
另一种方法是使用SVG文件

这是我掀起的一个例子：JSFIDDLE。

在示例中，您拥有此css可以为您的svg创建样式：

polygon.hoverable
{
    fill: transparent;
    stroke:gray; /* Replace with none if you like */
    stroke-width: 4;
    cursor: pointer;
}

polygon.hoverable:hover
{
 stroke:black;   
}

其他方式是在javascript / jQuery中使用一些插件：

ImageMapster