Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 需要将地图内的区域标记样式化_Css - Fatal编程技术网

Css 需要将地图内的区域标记样式化

Css 需要将地图内的区域标记样式化,css,Css,我有图像和区域位于里面 <map name="number_areas"> <area href="#" shape="poly" coords="190,1,285,1,285,95,190,94" id="area6"> .... .... 有没有办法为区域标记设置css样式,如背景、透明度等?使用css无法直接更改区域的分配样式。 另一种方法是使用SVG文件 我举了一个例子: 在本例中,您可以使用以下css为svg创建样式: polygon.h

我有图像和区域位于里面

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

....

有没有办法为区域标记设置css样式,如背景、透明度等?

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

我举了一个例子:

在本例中,您可以使用以下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中使用如下插件:

这可能会有所帮助(不过使用插件):