0

私はIEと別の戦いをしています。私は学校の陸上競技のウェブサイトに取り組んでおり、IE互換にすることに惜しみなく取り組んでいます。私はほとんどの問題を修正しましたが、この最後の問題は私を完全に困惑させました。

http://jsfiddle.net/easwee/WVrzu/16/などの単純なスクリプトを見ると、アクティブセレクターが機能します。ただし、ナビゲーションバーの：active状態は機能しません。あなたはここでそれを見ることができます：http：//mageelions.ca/athletics/forms.php（ダウンロードアクティブ状態も機能しません）。他のブラウザではまったく問題ありませんが、この「アクティブ状態の欠如」が気になります。

ie.css：

ul#nav_buttons li a:active {
    color: black;
    text-decoration: none;
    background: rgb(150,60,60) url("../images/default-red-down.png") !important;
}

a:hover大丈夫です...誰かがこれを修正する方法を知っているなら、それは大いにありがたいです。

4

2 に答える 2

1

正しい順序を尊重しますか？IE は次のことに敏感です。

a:link
a:visited
a:hover
a:active

混同すると、IE は期待どおりに動作しません。

于 2012-09-16T20:33:34.937 に答える
0

使用しているIEのバージョンはrgb()表記に対応していますか? 代わりに同等の 16 進数を使用してみてください。

ul#nav_buttons li a:active {
    color: black;
    text-decoration: none;
    background: #963c3c url("../images/default-red-down.png") !important;
}
于 2013-07-27T03:28:55.943 に答える