前端之家收集整理的这篇文章主要介绍了
css – 需要在地图内设置区域标签的样式，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我的图像和区域位于里面
<map name="number_areas">
<area href="#" shape="poly" coords="190,1,285,95,190,94" id="area6">
....
有没有办法为区域标签设置CSS样式,如背景,透明度等？
使用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
原文链接：https://www.f2er.com/css/217630.html
