可见区域标签？
我如何使html <area />始终可见，而不仅仅是焦点？
看起来应该像这样简单：
HTML：
<img src="image.png" width="100" height="100" usemap="#Map" /> <map name="Map" id="Map"> <area shape="circle" coords="50,50,50" href="#" alt="circle" /> </map> CSS：
area {border: 1px solid red}
不pipe我做什么，似乎都不能影响到一个地区的造型，它真的对css免疫。 有任何想法吗？ 另外，任何其他的样式不能标记的例子？
jQuery插件，MapHilight：
您可能会在这里findjQuery插件MapHilight 。
- 美国地图演示
HTML / CSS的select
我会build议使用一个div，绝对链接。 原因是，这会非常好地降级，并显示所有选项作为链接列表。 图像地图不会那么友好。 而且，这种替代方法将会带来相同的结果，并带有更清洁和更现代的做法。
#myImage { position:relative; width:640px; height:100px; background-image:url("bkg.jpg"); } a.apples { display:block; position:absolute; top:0; left:0; width:100px; height:100px; border:1px solid red; } a.taters { display:block; position:absolute; top:0; left:200px; width:25px; height:25px; border:1px dotted orange; } #myImage a span { display:none; }
–
<div id="myImage"> <ul> <li><a href="page1.html" class="apples"><span>Apples</span></a></li> <li><a href="page2.html" class="taters"><span>Taters</span></a></li> </ul> </div>
area标签只是定义了用户可以点击的空间，没有可视化的表示，所以你不能真正使用CSS来devise它。 我喜欢你要去的地方，但不幸的是，你可能需要使用JavaScript来覆盖图片地图顶部的透明图片来完成你想要做的事情。
所以你的问题打到了我的家。 我希望能够使用区域标签来做类似的事情，以获得感兴趣区域以外的非常好的小“形状”。 所以我做了一些研究，这里是我发现的：
http://www.netzgesta.de/mapper/
看起来不会100％做你想做的，但也许这是一个起点。
如果只是这么简单。
如果你想绘制简单的形状，你可以使用HTML <canvas>元素，这是flot使用的库（IE需要excanvas模拟器）。
它仍然需要相当数量的Javascript，但是它可能比叠加图像更容易/更有效，特别是如果你的形状的大小不是静态的。 这里有一个很好的教程。
还有另一种select。 你可以写一个SVG。 然后你可以通过设置fill：green来看到形状。 填充不透明度：1;
<svg height="300" width="200"> <a xlink:href="http://stackoverflow.com/"> <ellipse cx="100" cy="150" rx="100" ry="150" style="fill:white; stroke:none;fill-opacity: 0" /> </a> </svg>
