2013-07-01 40 views
0

IE 10,9,8和7出於某種原因,當你點擊它們時,在我的導航鏈接上添加了一個愚蠢的背景,當你將鼠標懸停在它們上面時,一切都會按照它的方式發生,但是當你點擊它後面會出現這個愚蠢的白色背景顏色,就像它受到我的填充影響一樣,但是如果我刪除填充,則可以想象我的導航欄會擰緊。IE在瀏覽器上添加背景顏色

#navbar { 
width:1000px; 
height:30px; 
margin-top:-35px; 
position:relative; 
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
behavior:url(../CSSPie/PIE.htc); 
} 

#navbar ul { 
list-style:none; 
} 

#navbar li, a { 
display:inline; 
font-family:Calibri, "Calibri Light", Cambria, "Cambria Math"; 
text-decoration:none; 
color:#CCC; 
padding:5px 10px 0px 0px; 
border-radius:5px; 
-webkit-border-radius:5px; 
-moz-border-radius:5px; 
behavior:url(../CSSPie/PIE.htc); 
} 

#navbar a:hover { 
color:#FFF; 
} 

預先感謝您!

+0

http://stackoverflow.com/questions/9826163/ie-not-respecting-hover-on-element – akash

回答

0

您應該檢查標籤anchor的默認樣式。

a:link { } 
a:visited { } 
a:hover { } 
a:active { } 

也許IE已經確定,正在影響到你的風格的一些默認值,所以你可以嘗試將其覆蓋,以使它看起來不錯你的風格。

你說的是,當你點擊它們時,它們會中斷,可能你必須重寫activevisited樣式。喜歡的東西:

a:visited { background: none; } 
a:active { background: none; } 

或:

a:visited { background-color: transparent; } 
a:active { background-color: transparent; } 
+0

非常感謝您!通過設置背景:無;在一個:懸停它的工作。 – user2532000

+0

@ user2532000歡迎您!我很高興它的工作:) – maqjav