<area></area> 部分にボーダーを表示したい。

質問

<img src="img/img.gif" usemap="#maps">
<map name="maps">
<area shape="rect" coords="0,0,50,50" href="#"
onclick="return false;">
</area>

のような感じで、 <area></area> で囲まれた部分の領域にボーダーを表示させたいのですが可能でしょうか？

<area ～ style="border:1px solid #ff0000">～
では出来ませんでした。

回答No.2

BLUEPIXY · ベストアンサー

area エレメントは、クライアントサイドマップでの領域を「定義」するものですからそれ自体は、表示されるものではないということでしょう。
style 属性としてボーダーが存在しませんので、できないと思います。

私も、画像の側でボーダーを引くのがいいと思います。

補足

回答有難うございます。
No1 で補足したとおり、質問内容と本来やりたいことが若干食い違っていました。
javascriptからスタイルを操作したいと考えていたんですが、無理そうですね。
いいアイデアがあれば、お願いします。

回答No.3

naynay

オンマウスで上に表示されるレイヤーの方に、マップを使う画像に重なるよう枠の画像を入れたらどうですか？

お礼

回答有難うございました。
当初予定していた方法で出来そうにないので、諦めることにしました。

回答No.1

partita

初めから画像にボーダーつけておけばいいのでは？

補足

回答有難うございます。

やりたいことと質問内容が若干ずれているようで、イメージ的には、

http://www.yuka-club.com/

のようなことをやりたいわけです。
特定の領域にマウスが乗ると、別のところに新しい領域が現れ、新しい領域に、例えば拡大された画像が表示される。
マウスが乗っている領域を強調する意味で、javascript から線を表示・非表示出来るようにしたいのです。

だから画像を加工することは考えてないんですが、何かいい案はないでしょうか？