IE (проблема рендеринга Z-индекса)

Question

У меня есть приложение ASP.NET, которое отображает элемент меню стороннего (Telerik's) элемента управления в другой элемент управления (RadDock) при расширении меню.

Этот артефакт происходит ТОЛЬКО в IE7. Не в Safari / FF / Opera / Chrome (я что-нибудь пропустил?)

Элемент управления меню должен отображаться НАД другим элементом управления.

У меня Google достаточно, но пока нет простого решения, чтобы это исправить для IE7.

Что проще всего решить эту проблему для IE?

Также вы знаете, была ли решена эта проблема z-index в (ожидающем?) IE8?

Этот Q не предназначен для начала войны пламени браузера. Пожалуйста, отвечайте только если у вас есть соответствующий комментарий.

Спасибо, любезно.

Answer 1

Я не знаю, похоже ли это или нет, но у меня была проблема с z-indexing, когда z-index применялся к элементам контейнера, но не к самому контейнеру, z-index не был правильно применен к дочерним элементам. Это проявилось как фоновые границы, появляющиеся поверх пунктов меню, которые должны были быть сверху. Я решил проблему, применив тот же z-индекс к контейнеру, содержащему пункты меню. Я не знаю, как элементы управления Telerik настраивают свой CSS, но вы можете проверить, что класс, назначаемый контейнеру, имеет соответствующий z-индекс, а также сами пункты меню.

Answer 2

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

Если изменения z-index не устраняют это, это может быть проблема позиционирования, а не проблема z-index. Проблемы позиционирования довольно распространены (из моего собственного опыта), когда вы пытаетесь сделать кросс-браузерную совместимость.