2012-09-16 108 views
0

我在與IE再次戰鬥。我正在學校的田徑網站上工作,並且不情願地讓IE兼容。我已經解決了大部分問題,但最後一個問題讓我感到困惑。a:active在IE中不起作用

我看看簡單的腳本,如http://jsfiddle.net/easwee/WVrzu/16/和活動選擇器的作品。但是,導航欄上的:活動狀態不起作用。你可以在這裏看到它: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是好的......如果有誰知道如何解決這個問題它是極大的讚賞。

+1

什麼版本的IE? – Jon

+0

在開發工具提供的所有三種瀏覽器模式(IE7以上)下適用於IE9。 – Jon

+0

IE9適用於我:http://i.imgur.com/kttlP.png –

回答

1

你尊重正確的順序嗎? IE對這些東西很敏感:

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

如果你混淆了,IE瀏覽器不會按預期的那樣做東西。

+2

尊敬的[Eric Myers](http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/) )*維達勳爵命中毛茸茸的動物*(LVHFA,LVFA)和[詳細解釋](http://meyerweb.com/eric/thoughts/2007/06/04/ordering-the-link-states/)。 .. 五年前。至少他是[特定](http://meyerweb.com/eric/css/link-specificity.html)。 –

+0

我不使用a:link或a:visited(雖然我確實有一個簡單的a),但活動確實發生在盤旋之後 – Raekye

+0

你知道這一點:活動只是當你點擊的時刻? – Mark

0

您使用的IE版本是否支持rgb()表示法?嘗試使用等效的十六進制代替:

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