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中使用如下插件:
这可能会有所帮助(不过使用插件):