IE добавляет цвет фона при наведении

IE 10, 9, 8 и 7 почему-то добавляет тупой фон к моим ссылкам навигации, когда вы нажимаете на них, когда вы наводите на них курсор, все происходит так, как должно, но затем, когда вы нажимаете на него, появляется этот тупой белый цвет фона позади него, как будто на него влияет моя прокладка, но если я уберу прокладку, вы можете представить, что моя навигационная панель испорчена.

#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;
}

Заранее спасибо!


padding css background internet-explorer
person user2532000    schedule 01.07.2013    source источник
comment
stackoverflow.com/questions/9826163/   -  person akash    schedule 01.07.2013

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны проверить стили по умолчанию для тега anchor.

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

Вероятно, IE установил некоторые значения по умолчанию, которые влияют на ваши стили, поэтому вы можете попытаться переопределить их, чтобы они хорошо смотрелись с вашими стилями.

Вы говорите, что они ломаются, когда вы нажимаете на них, возможно, вам придется переопределить стили active или visited. Что-то вроде:

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

or:

a:visited { background-color: transparent; }
a:active { background-color: transparent; }
person maqjav    schedule 01.07.2013
comment
Большое спасибо! Установив фон: нет; на a: hover это сработало. - person user2532000; 01.07.2013