Простое исправление IE7 для li: hover - PullRequest
1 голос
/ 09 ноября 2011

Я искал повсюду простое решение для этого, но я не могу найти подходящее.

Все, что я хочу сделать, это показать простой элемент span, когда кто-то наводит курсор на родительский элемент li, ноОчевидно, у IE7 есть другие планы.

Конечно, есть простое решение javascript?

.locations ul.menu li span{background:url('images/phone-bg.png') no-repeat;width:89px;height:34px;display:none;position:absolute;margin:-36px 0 0 10px;padding:4px 3px 0 3px;color:#000;font-size:11px}

.locations ul.menu li:hover span{display:inherit}

Ответы [ 4 ]

2 голосов
/ 09 ноября 2011

Убедитесь, что ваш браузер не работает в Quirks или в любом другом забавном режиме в Инструментах разработки Internet Explorer.

Вы можете добавить <meta http-equiv="X-UA-Compatible" content="IE=edge" /> вверху страницы, чтобы всегда использовать последнюю версию.

http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx

0 голосов
/ 09 января 2015

Вы можете добавить следующую строку вверху вашего HTML-файла. у меня работает то есть 9.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
0 голосов
/ 09 ноября 2011

Если вы хотите, чтобы: hover работал с не связанными элементами в IE7, убедитесь, что вы используете строгий тип документа, например,

<!DOCTYPE html>

- это тип документа HTML5.

IE7 использует только старое поведение: hover, когда находится в режиме причуд.

0 голосов
/ 09 ноября 2011

Используйте display: inline, а не display: inherit.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...