css - 需要在 map 中对区域标签进行样式化

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 .

在示例中，您拥有可以为您的 svg 制作样式的 css:

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