• 締切済み

テーブル内a:hoverでちらつく[html]

テーブルにテキストを書き、そのテーブルにマウスが当たったらテキストの文字位置をずらすという方法でホームページを作っているのですが、テーブル内をマウス移動させると、文字がちらついてしまいうまくいきません。 ソースは以下です。 <HEAD> <style type="text/css"> <!-- .box a{display:block;} .box a:hover {position: relative; top: 5px; left: 5px;} --> </style> </HEAD> <BODY> <table> <tr> <td class="box"><A href="#">テスト1</A></td> </tr> </table> </BODY> 何が間違えているのかわからず困っています。 ご回答お待ちしております。お願いします。

みんなの回答

  • akira618
  • ベストアンサー率35% (101/281)
回答No.1

全く問題なく、テスト１のリンクにマウスを持って行けますが、hover位置が5pixelなので、その分上の方にマウスを置いた場合ちらつきが発生します。 このhover値を２pixelくらいにすれば、良いかと思いますが。

mamammaa
質問者

補足

値を1pxにしてもちらつきが出るのですが・・。 IEを使っています。

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する