リンクボタンクリック時に一瞬だけリンクが沈んでいるように見せるCSSを記述したところ、FireFox3.0.1とOpera9.52ではきちんと沈んでいるように見えましたが、IE6とIE7はa:hoverのイベントは取れるものの、a:activeのイベントを取ることが出来ませんでした。
何か書き方が違うのだと思うのですがまだまだ素人で解決方法がわからずに困っております。
どなたかご存じでしたらご教授よろしくお願いします。
---ソース----
<html>
<head>
<title>無題のページ</title>
<style type="text/css">
a:hover
{
position:relative;
left:-1px;
top:-1px;
}
a:active
{
position:relative;
left:1px;
top:1px;
}
</style>
</head>
<body>
<a href="#">aaaaaa</a>
</body>
</html>
投稿日時 - 2008-08-28 11:16:33
0人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（2件中 1～2件目)
私も詳しくは解りませんが、Firefox3.0.1とIE7.0で見てみましたが変わりなく表示されるようですよ。キャッシュが残ってるとか・・・？
IEでメニューバーの表示にある更新を押しても変わりないですか？
あとa:activeを消して、
a:hover {
position:relative;
top:1px;
left:1px;
}
だけにしてみてはどうでしょう。a:hoverだけでも表示されます。
解決できなかったらごめんなさい。
投稿日時 - 2008-08-28 13:59:06
お礼
hoverイベントだけでは残念ながらボタンを押したような感覚を得ることができませんでした。
今回はactiveのpositionをstaticにしてIEでも沈むように見せて解決させてもらいました。
ありがとうございました。
投稿日時 - 2008-08-28 16:47:47
