Абсолютное позиционирование элемента внутри фиксированного позиционного элемента IE не работает

Question

Хорошо, это сводит меня с ума, я уже испортил весь свой код и до сих пор не могу заставить это работать.

Я разрабатываю тему WP, и для нее я предлагаю пользователям возможность выбора между фиксированным или плавным заголовком.

Проблема возникает, когда пользователь выбирает фиксированный в IE, где раскрывающееся меню вообще не отображается.

Я создал пример сайта здесь: http://makanudos.com/tests/ для тех, кто может мне помочь.

Заранее большое спасибо!

Answer 1

Ух ты, мне понадобилось время, чтобы найти это & ​​hellip; и это ошибка в IE8.

#menuConquistador { filter: alpha(opacity=96); }

нарушает отображение в IE8. Отключение заставляет меню появиться как ожидалось.

Я думал, что это будет так же просто, как установить его по-другому, чем , в этой статье предлагается , однако даже при использовании правильного расширения IE8 -ms-filter подменю будет скрыто под остальной частью страницы.

Редактировать: Вы можете найти некоторые обходные пути здесь , если вам действительно нужно 96% непрозрачное меню :-) Лично я бы просто удалил фильтр для IE7 / 8. Пользователи с приличными браузерами могут получить хороший прозрачный эффект.

Кроме того, только что найдено CSS-свойство Internet Explorer «фильтр» игнорирует переполнение: видимый

Редактировать 2: ОК, добавив

#menuConquistador { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; }

и удаление z-index:10000 (кажется, что для селектора #menuConquistador их два) позволяет меню появляться в IE8 и иметь непрозрачность!