- 締切済み
カーソルの変形とマップの共存
お世話になっています。 マップを使った場合、カーソルをcrosshairには出来るのですが、リンクに乗ってもw-resizeにならないのです。 相性とかあるのでしょうか? こんな風にやったのですが・・・ ↓ ↓ ↓ ↓ <STYLE TYPE="text/css"> <!-- BODY {border:3px solid #2c3143 ;cursor: crosshair ; scrollbar-base-color : #EEEEEE; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #BBBBBB; scrollbar-3dlight-color: #EEEEEE; scrollbar-highlight-color : #000000; scrollbar-shadow-color : #EEEEEE; scrollbar-darkshadow-color : #000000; } A { cursor : w-resize ; } --> </STYLE> マップを使わない場合は問題なかったのです。 宜しくお願いします。。。
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- ittochan
- ベストアンサー率64% (2667/4137)
私のもMAPにしたら駄目でした、(IE) で、 これまでの反省の意味でスクリプトを書いてみたので見てもらえるとうれしいです。 <SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript> <!-- function area_onmouseover() { document.body.style.cursor="w-resize"; } function area_onmouseout() { document.body.style.cursor="crosshair"; } //--> </SCRIPT> </HEAD> <BODY> <P></P> <P><MAP NAME="FPMap0"> <AREA HREF="img1.jpg" SHAPE="rect" COORDS="61, 40, 102, 76" LANGUAGE=javascript onmouseover="return area_onmouseover()" onmouseout="return area_onmouseout()"></MAP> <IMG BORDER="0" SRC="thmimg1.jpg" USEMAP="#FPMap0" width="103" height="77"></A></P> </BODY> </HTML>