Проблема с меню навигации CSS в IE7 / 8

У меня здесь есть меню:

http://www.gardensandhomesdirect.co.uk/menutest

Он работает должным образом в Chrome, FF и IE9.

Однако, если вы попробуете это в IE7 / 8, первое меню «Садовая мебель», при наведении курсора на любой другой пункт, кроме «Вся садовая мебель», меню закроется. Этого не происходит ни в одной из других категорий меню.

Я не понимаю, почему это так, похоже, это прямо передо мной!

Любая помощь приветствуется.

Спасибо!


navigation css internet-explorer-8 internet-explorer-7
person Wayners247    schedule 20.05.2011    source источник
comment
Кажется, я не могу воспроизвести какую-либо ошибку в моем IE8. Не совсем уверен, что закрывается, а что не закрывается? больше описания, пожалуйста?   -  person Yman    schedule 20.05.2011
comment
Извините. При наведении указателя мыши на первый вариант «Садовая мебель» открывается первый уровень вариантов. Вся садовая мебель - это первый вариант на новом ярусе. Однако КОГДА вы пытаетесь щелкнуть любую другую опцию в этом новом уровне, меню закрывается ?!   -  person Wayners247    schedule 20.05.2011
comment
Что это за меню? jQuery (с использованием .hover) или простое меню CSS (с использованием: hover)?   -  person Salman A    schedule 20.05.2011
comment
Только простой CSS! используя csshover.htc в качестве резервной копии.   -  person Wayners247    schedule 20.05.2011
comment
Хм. Расширенная поддержка CSS в IE7 / 8 довольно неудачна.   -  person Salman A    schedule 20.05.2011
comment
Хотя большая часть используемых css довольно проста! У меня есть отдельная таблица стилей с использованием moz-border-radius специально для лучших браузеров, но я еще не реализовал ее, так как я хочу, чтобы она работала в первую очередь!   -  person Wayners247    schedule 20.05.2011

Ответы (2)


arrow_upward
1
arrow_downward

Это меню не работает в IE9, IE8 или IE7.

Это будет работать как в IE8, так и в IE9, но вы переводите эти браузеры в режим IE7 с помощью этого метатега:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

Если вы удалите это, только IE7 останется сломанным.

IE7 не работает, потому что в нем есть известные ошибки, касающиеся z-index, см.:

Я исследую и предоставлю точные инструкции, как исправить это в IE7, если:

person thirtydot    schedule 20.05.2011
comment
Спасибо Thirtydot, хорошее объяснение. Лично я не очень-то забочусь о IE7, но мои работодатели очень хотят, чтобы он работал. Я удалю этот метатег, я не уверен, почему он вообще существует! Инструкция была бы отличной, спасибо! - person Wayners247; 23.05.2011

arrow_upward
0
arrow_downward

Положение absolute всех подменю одно над другим вызывает эту путаницу. Первое подменю «Садовая мебель» не перекрывает другие подменю под ним, поэтому я думаю, что это единственное, что работает.

Попробуйте установить более высокие z-index значения для каждого подменю в .side_nav. Если вы не можете добавить классы для этого, вы можете сделать это с помощью jQuery.

person ajcw    schedule 20.05.2011