Проблемы с IE9 Hover - PullRequest
Новая
       32

Проблемы с IE9 Hover

0 голосов
/ 26 января 2012

У меня есть очень простая функция наведения, которая, кажется, отлично работает во всем, кроме IE9 (возможно, IE8 и ниже, еще не проверял их).

Браузеры без IE делают это;

Не IE http://oi39.tinypic.com/4gkl6f.jpg

IE9 делает это;

IE http://oi43.tinypic.com/2zdwpl1.jpg

Я подозреваю, что читая различные посты, это может быть связано с тегом <a> ... но даже это, кажется, настроено нормально для меня. Я немного новичок html / css / php, так что это, вероятно, что-то простое и очевидное. Любая помощь будет высоко ценится.

Соответствующий код;

Файл CSS 

#nav {
width: 960px;
height: 40px;
border-bottom: 1px solid #ccc;
}

#nav a {
display: inline;
padding: 10px;
text-decoration: none;
background-color: #f1f1f1;
}

#nav a:hover {
background-color: #bababa;
height: 80px;
}

PHP-файл 

<div id="nav">
<a href="index.php">Home</a>
<a href="about.php">About</a>
<a href="#">Portfolio</a>
<a href="contact.php">Contact</a>
</div> <!-- end #nav -->

1 Ответ

3 голосов
/ 26 января 2012

Я считаю, что удаление "height: 80px" из #nav a: hover заставит браузер показать, что вы хотите.

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

...