OKWaveが大リニューアル！ただいまβ版公開中

IEに対応するCSSの記述について


OKWaveコミュニティー
新規ユーザー登録（無料）今すぐ登録しよう！！
はじめての方へ OKWaveではこんなことができます！
カテゴリ
[ 一覧 ]
TOPへ戻る
[技術者向] コンピューターへ戻る
プログラミングへ戻る
ピックアップ
［ 特集一覧 ］
ブラック会社の喜怒哀楽
ブラック会社の喜怒哀楽
現代を生き抜く知恵と努力！あなたの未来を明るく照らします！
OKWaveスタッフブログ
OKWaveスタッフブログ
OKWaveスタッフから便利でお得な情報をQ&Aと共にご紹介します！
好きだからこそ切ない！恋愛特集
好きだからこそ切ない！恋愛特集
「会いたいときに会えない」そんな切ない思いを恋愛で体験したことはありませんか？
その他の特集はこちらからご覧下さい
おすすめリンク
お知らせ
［一覧］
[ さらに詳しく ]
インタレストマッチ（詳細）

質問
質問者：devilconan IEに対応するCSSの記述について
困り度：
  • 困っています
 リンクボタンクリック時に一瞬だけリンクが沈んでいるように見せる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>
質問投稿日時：08/08/28 11:16
質問番号：4284761
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答20pt
回答者：tanukikku a:activeのrelativeをstaticにすると沈みはするようです。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/08/28 14:26
回答番号：No.3
この回答へのお礼staticにするとFirefoxやOperaのように押した感があまりないですが、沈みはしました。
これでとりあえずいこうと思います。ありがとうございました。

回答

 
回答者：tanukikku ごめんなさい。勘違いしてました。IEではa:activeなりませんでした。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/08/28 14:04
回答番号：No.2
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：tanukikku 私も詳しくは解りませんが、Firefox3.0.1とIE7.0で見てみましたが変わりなく表示されるようですよ。キャッシュが残ってるとか・・・？
IEでメニューバーの表示にある更新を押しても変わりないですか？
あとa:activeを消して、
a:hover {
position:relative;
top:1px;
left:1px;
}
だけにしてみてはどうでしょう。a:hoverだけでも表示されます。
解決できなかったらごめんなさい。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/08/28 13:59
回答番号：No.1
この回答へのお礼hoverイベントだけでは残念ながらボタンを押したような感覚を得ることができませんでした。
今回はactiveのpositionをstaticにしてIEでも沈むように見せて解決させてもらいました。
ありがとうございました。
最新から表示｜回答順に表示｜良回答のみ表示
ボタン画像の下のFlashに...
inputタグ内にあるid属...
インタレストマッチ（詳細）
このページのトップへ