質問: Webサイトページにおいて、ある画像をボタンとし、 押下すると次画面へ遷移する動きをつくろうと思っています。 動作はするのですが、このボタンにマウスポインタを当てたとき、 ボタンの背景(もと画像はgifで透明。背景画像の上に置いている)が、 ロールオーバーしたように、青くなります。 (ボタンではなく、ボタン画像の背景部分が青くなる現象です。) 同じページで同様のボタンは5つあり、 テーブルで区切って、サイコロの5の目のように画像を配置しています。 この不具合がある画像は、ちょうど中央の位置にあり、 他の4つの画像では、ポインタを当てても背景は反転しません。 HTMLでは、下記のように記述しました。 (※実コードは改行なし) 他の4つの画像でも、vspace や hspase の指定はしており、異なる点といえば、 text-alignがleft/rightかcenterかという部分くらいです。 試しに、他の画像を5の目の位置に置いてみましたが、同様の不具合が出ています。 どういう部分を調べていけばよいか、教えて下さい。 OS:WinXpPro 開発ツール:IBM Homepage Builder V9
回答: a:hover{background-color:#0000ff;} を指定していませんか? class="AAA"をはずして見ると分かりやすいと思いますが、全角スペースで位置を調整するのはお勧めできません。 ブラウザの大きさによって、表示位置がずれてしまいます。