Z-Index в IE7 - вызывающие кошмары - PullRequest
1 голос
/ 28 февраля 2012

У меня есть раскрывающееся меню, созданное в CSS.Прекрасно работает во всех других браузерах, кроме IE7.В IE7 меню падает с точки зрения приоритета позади моего домашнего изображения и на подстраницах, оно опускается ниже подменю.

Пример этого здесь: Изображение проблема

Если вы загрузите страницу в IE7, а затем перейдите, чтобы выбрать элемент из меню «Личные».Как вы можете видеть, меню скрывается за изображением.

Я попытался воссоздать это как jsFiddle.Возможно, стоит взглянуть Здесь

Начинаю беспокоить меня сейчас, как и весь остальной сайт.

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

Спасибо

Ответы [ 2 ]

2 голосов
/ 28 февраля 2012

Я рад слышать, что вы решили проблему Z-индексации в IE7.Прямо сейчас вы сталкиваетесь с проблемой в главном раскрывающемся меню, потому что -

  1. Существует разрыв между вашими выпадающими ссылками или между

  2. , поэтому, когда мы перемещаемся по меню, менюисчезают, или мы можем сказать, что как только курсор окажется в промежутке, меню исчезнет.
  3. Вы указали тег background-color #1C1C1C; on.По моему мнению, если вы дадите или

  4. , это не покажет разрыв, но сначала попытайтесь решить проблему разрыва в IE7.

Для целей тестирования Вы можете задать свойство css border:1px solid red; на ul, li и якорных тегах.Это поможет вам определить, где находится разрыв или в каком элементе возникает разрыв.

Вы использовали специфичные для IE7 css, вы можете попробовать написать правило css, предназначенное для IE7, там же.

См. Прилагаемое изображение для выхода IE7.

enter image description here

Относительно вашего подменю в главном меню, где вы сталкиваетесь с проблемой, когда всплывающее меню исчезает.Заполнение, которое вы указали для ссылки, может не работать должным образом в IE7, и другая проблема может заключаться в разрыве между ссылкой и выпадающим списком. Вы использовали top: 28px на строке 357 в style.css, попытайтесь увеличить / уменьшить значение ипротестируйте его одновременно во всех браузерах, чтобы вы могли выяснить, в чем проблема.

Re: Попробуйте указать высоту основных тегов привязки, например, для: Закона о занятости и т. д., и снова вы можете проверить это, задавграницы и цвет фона для тегов привязки, чтобы вы могли определить границы своих ссылок.

0 голосов
/ 28 февраля 2012

Эта статья объясняет ошибку и предоставляет исправление, которое исправляет большинство случаев этой ошибки

...