Проблема стека в IE 8 Z-index

Question

http://carettaworkspace.spirecms.com

В IE 8 текст и эскиз в кнопках справа от слайд-шоу располагаются над пустыми областями, по которым можно нажимать для управления слайд-шоу. В других браузерах вся область внутри кнопки нажимается для изменения слайдов.

Я знаю, что IE 7 и 8 особенные, когда дело доходит до стекирования Z-индекса, и я попробовал многие из общих исправлений (установка z-index для родительских div, позиционирование родительских div различными способами), но я Я не могу решить проблему. Кто-нибудь знает решение, которое может решить эту проблему?

Итак, вы знаете, текст и изображение слайд-шоу находятся под разделителем слайдов. Пустые ссылки можно найти в разделе slidearea -> everythingControls.

Любая помощь очень ценится. Спасибо!

Answer 1

Решение состояло из двух частей: во-первых, мне нужно было немного переупорядочить HTML, чтобы получить два проблемных слоя под одним родительским div.Это позволило мне установить z-index для родительского div, а также дочернего div, чтобы сделать IE приятным.Во-вторых, я обнаружил, что IE не позволяет пустому элементу div функционировать над текстом или изображениями!Weird.Итак, в итоге я дал div 1px x 1px неповторяющееся фоновое изображение, так что технически оно не было полностью пустым.Это полностью устранило проблему, и IE8 позволил div находиться над областями изображения и текста.

Answer 2

Я не думаю, что вы можете, не переупорядочив немного своего HTML / CSS. Не смотрел на это в IE (на Mac), но вот объяснение:

В IE контекст стека определяется как что-нибудь с установленным position. Таким образом, ваш .anythingSlider определяет контекст стека, и ваша навигационная панель не может быть выше миниатюр.

По сути, z-index подходит только к ближайшему элементу со стековым контекстом. В большинстве браузеров контекст определяется чем-либо с (позиционирование + z-индекс) или (непрозрачность <1). </p>

К вашему сведению, я обычно устанавливаю z-index: 1 на все , для которого установлено позиционирование. Это немного раздражает, но все браузеры ведут себя одинаково.