IE /: неверный z-индекс для эффекта наведения

Question

Я создаю эффект наведения мыши, используя только CSS.Он отлично работает во всех браузерах, кроме IE7.

Посетите страницу или просмотреть скриншот .

Пока я читаю, это потому что:

В версиях 6 и 7 Internet Explorer порядок размещения z-индексированных элементов по существу «сбрасывается» для любых элементов, содержащихся в позиционируемом элементе, независимо от того, является ли контейнер или нет контейнером (или родитель) имеет установленное значение z-index.Другими словами, элемент со значением z-index, равным 100, появится под элементом со значением z-index, равным 1, если первый элемент содержится в позиционированном родительском элементе, а последний - нет.Это неверная реализация свойства z-index, которое, очевидно, было исправлено в IE8.

Но как я могу исправить эту ошибку IE7?

Answer 1

Попробуйте добавить position:relative; к вашему стилю. Ошибка z-index для ie7 довольно популярна. Вот ссылка , которая объясняет больше об этом.

Answer 2

Я думаю, вы можете захотеть использовать z-index вместо zIndex. Я никогда не видел и не использовал строку "zIndex". Однако я не уверен, что это решит вашу проблему.