CSS Drop-меню не работает в IE 7 - PullRequest
Новая
       5

CSS Drop-меню не работает в IE 7

0 голосов
/ 29 июня 2011

Вот пример сайта:

http://tronitech.brettatkin.com/solutions.asp

В IE 7 раскрывающиеся списки работают неправильно (на самом деле совсем нет). Это шоу на hover, но это все.

Это моя первая попытка создания дроп-меню только для CSS, поэтому я рад всем отзывам и критике по поводу кода в целом.

Спасибо

Brett

Ответы [ 3 ]

1 голос
/ 29 июня 2011

Исправить очень просто:

В строке 266 из styles.css: 

#nav ul li {
    float: left;
    position: relative;
}

изменить: #nav ul li на #nav > ul > li.Проблема устранена.

То есть замените наследующие комбинаторы (пробел: ) на прямые дочерние комбинаторы (>).Это не позволяет проблемным li внутри подменю иметь проблемный float: left, в то же время позволяя начальным li s сохранять float: left.

1 голос
/ 29 июня 2011

Вы установили float: left; в этом css #nav ul li, что также влияет на подсписки.

Вам необходимо добавить float:none; в css #nav ul li:hover ul li

или

измените значение: #nav ul li на #nav > ul > li, как указано в его ответе.

0 голосов
/ 29 июня 2011

Для решения подобных проблем обычно требуется, чтобы CSS и сопровождающий код - если JS используется, например, для добавления класса - были опубликованы вместе с вашим вопросом. Я предполагаю, что для начала есть проблема с изменением размеров (отступ, отступ или отступ) в меню. Похоже, при наведении курсора на первый элемент подменю, оставшиеся

элементы сталкиваются. Поплавок выглядит очевидным, и, поскольку второй элемент прыгает правильно, это было бы моим предположением. Я не вижу каких-либо изменений в классе, поэтому ваш CSS полностью зависит от hover?
...