html – 可见区域标签？

概述如何制作html<区域/>随时可见，不仅仅是焦点？ 似乎应该像这样简单： 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" /></ma 如何制作HTML<区域/>随时可见，不仅仅是焦点？

似乎应该像这样简单：

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}

无论我做什么，似乎我都不能影响一个地区的造型，它真的看起来不受CSS的影响。有任何想法吗？另外，任何其他不可风格标签的例子？

解决方法 jquery插件，MapHilight：

您可能会发现jQuery plugin MapHilight在这里感兴趣。

> Map of the United States Demo

HTML / CSS替代

我建议使用一个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" ><span>Apples</span></a></li>    <li><a href="page2.HTML" ><span>Taters</span></a></li>  </ul></div>

总结

以上是内存溢出为你收集整理的html – 可见区域标签？全部内容，希望文章能够帮你解决html – 可见区域标签？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。