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 。

在示例中，您有这个 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