IE6忽略活動鏈接CSS樣式

CSS活動鏈接樣式正在IE7，FF和Safari中正確應用，但未應用IE6。IE6忽略活動鏈接CSS樣式

.side_nav a.active 
{ 
    color:#FFFFFF; 
    background-color:#9F1F63; 
}

有趣的是背景色（背景色：＃9F1F63;）在IE6中被應用，但不是字體顏色（顏色：#FFFFFF;）

任何想法，爲什麼發生這種情況，以及如何我可以修復它的讚賞。

完整的造型爲低於資產淨值：

.side_nav 
{ 
    text-align : left; 
    margin-left: -10px; 
} 

.side_nav ul 
{ 
    list-style-type: none; 
    list-style-position:inside; 
    margin-left:0px; 
} 
.side_nav li 
{ 
    margin-top: 10px; 
    display: list-item; 
    list-style-type:none; 
} 
.side_nav a, .side_nav a:visited 
{ 
    text-decoration: none; 
    color : #9F1F63; 
    font-weight : bold; 
    padding: 5px 10px 5px 10px;  
} 
.side_nav a:hover 
{ 
    color:#B26D7F; 
} 
.side_nav a.active 
{ 
    color:#FFFFFF; 
    background-color:#9F1F63; 
}

編輯：謝謝，但該建議並沒有幫助。當我更改爲：主動效果不適用於任何瀏覽器。我想這可能是由於我在HTML中應用了這種風格。

<div class="side_nav"> 
     <a class="active" href="Page1.aspx">Page1</a><br /> 
     <a href="Page2.aspx">Page2</a><br /> 
     <a href="Page3.aspx">Page3</a><br /> 
    </div>

來源

2009-02-15 Leah

看到你的編輯後，如果以下沒有任何幫助，我會傾向於認爲這是類名'active'的問題。我沒有IE6在這臺機器上進行驗證，但是我看到它在堰體問題上窒息。 – 2009-02-16 12:36:07

我試圖複製你的代碼，格式
你的問題是你看到的鏈接訪問 - 你有訪問和活動的格式（所以你有紫色的背景和紫色的文字）
你應該覆蓋訪問的鏈接的顏色與活動等級：

.side_nav a.active, .side_nav a.active:visited 
{ 
    color: #FFFFFF; 
    background-color: #9F1F63; 
}

來源

2009-02-16 11:43:35 Kobi

Thanx Kobi！這是訪問過的鏈接。現在在IE6中一直工作。 – Leah 2009-02-16 23:18:45

嘗試增加一個更具體的選擇器.side_nav a.active如div .side_nav a.active其中div是父元素。

該顏色可能被.side_nav a規則覆蓋。

此外，你可能有一個錯字 - 試圖使用：主動選擇器？

來源

2009-02-15 23:06:54

查看他的HTML示例。這是一個班級名稱。 – strager 2009-02-16 00:29:52

在IE6中，重要的是您指定錨鏈接的順序。您應該按照以下順序指定它們以實現預期結果：首先是a：鏈接，然後是a：visited，a：hover和a：active。

來源

2009-02-15 23:06:58 DOK

感謝有關訂單的提示。這雖然沒有幫助。見上面的編輯。 – Leah 2009-02-16 00:14:58

你的CSS有一個時期，應該有一個冒號，在.side_nav a.active（應該是.side_nav a:active

有了這個固定的，它爲我工作在IE6。

來源

2009-02-15 23:17:45

當我使用a：active時，沒有任何活動效果適用於任何瀏覽器。隨着a.active這兩個效果適用於我測試過的所有瀏覽器，但IE6除外。 – Leah 2009-02-16 00:19:08

感謝您在IE6中測試它。我想知道我們在鎖定環境中是否有舊版本。 – Leah 2009-02-16 00:20:02

嘗試使用!important。像這樣：

.side_nav a.active 
{ 
    color: #FFFFFF !important; 
    background-color: #9F1F63; 
}

來源

2009-04-14 19:21:30

IE6忽略活動鏈接CSS樣式

回答

相關問題