<area>
の周りに境界線を置く方法はありますか?ボーダーをエリアに置く方法は?
私がイメージマップをテストするためにこれを実行する必要がありますが、これは動作しません:
area {
outline: 1px solid red;
border: 1px solid red;
}
<area>
の周りに境界線を置く方法はありますか?ボーダーをエリアに置く方法は?
私がイメージマップをテストするためにこれを実行する必要がありますが、これは動作しません:
area {
outline: 1px solid red;
border: 1px solid red;
}
あなたはJavascriptを使用して喜んでいる場合は、<area>
要素と.focus()/.blur()
にmouseover/mouseout
イベントリスナーを追加します。
デモ:http://jsfiddle.net/ThinkingStiff/Lwnf3/
スクリプト:
var areas = document.getElementsByTagName('area');
for(var index = 0; index < areas.length; index++) {
areas[index].addEventListener('mouseover', function() {this.focus();}, false);
areas[index].addEventListener('mouseout', function() {this.blur();}, false);
};
HTML:
<img id="map" src="http://thinkingstiff.com/images/matt.jpg" usemap="#map"/>
<map name="map">
<area shape="circle" coords="50,50,50" href="#" />
<area shape="circle" coords="100,100,50" href="#" />
</map>
CSS://plugins.jquery:
#map {
height: 245px;
width: 180px;
}
+1すてきな答えです! Tks。今日新しい技術を学びました。 – techfoobar
私も!助けを求めるThx! :D – timkl
たぶん、このプラグインを使用すると、HTTPのに役立ちます。 com/project/maphilight –
そのリンクは死んでいる。ここに別のものがあります:http://davidlynch.org/projects/maphilight/docs/ – Urbycoz