css 的area标签支持hover吗?

html-css06

css 的area标签支持hover吗?,第1张

您好!首先你提到的css的area标签是不支持hover的,只有a标签才支持。li标签在IE浏览器下才支持。你说的效果完全可以用js来实现啊!我为你整理了一下代码,希望对您有帮助:

<script>

function ahover(id)

{

alert(document.getElementById(id).className)

}

</script>

<div class="fc-show-box" >

<img src="33.jpg" width="950" height="569" border="0" usemap="#Map" />

<map name="map">

<area class="item1" shape="poly" id="a1" onmouseover="ahover('a1')" coords="30,39,209,39,209,538,30,538" href="#" />

<area class="item2" shape="poly" id="a2" onmouseover="ahover('a2')" coords="215,40,447,39,447,545,215,545" href="#" />

<area class="item3" shape="poly" id="a3" onmouseover="ahover('a3')" coords="453,13,585,13,585,561,453,580" href="#" />

</map>

</div>

这个不仅是area点击时产生的虚线,凡是超链接点击都会出现。

很有意思的问题。几年前的确接触过有这样要求的客户,当时解决办法是通过国外的一个“无聊”人写的JS,的确能达到效果。

但话说回来,难道不觉得鸡肋吗?凡事都不能尽善尽美,过的去就算了,放自己一马……

和使用那种鸡肋代码相比,如果真不想看到虚线,不如做成Flash更加有意义和效果。

以上是个人的一些见解,如果你还是想隐藏,就在G上搜索去除超链接虚线的JS