Выпуск z-index ie6 & 7 (возможно, из-за отрицательных полей)

Question

На этой странице я использую отрицательные поля, чтобы увеличить изображение облака, а затем скрываю его за другим графиком, используя z-index.

Прекрасно работает во всех современных браузерах, но то есть 6 и 7 облако покрывает нижнюю часть часов.

Как сделать так, чтобы облако не покрывало нижнюю часть часов в ie6 & 7>

Answer 1

IE6 и IE7 имеют причудливую ошибку z-index, как описано в quirksmode.Вы можете найти решение для этого здесь: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

Решение состоит в том, чтобы фактически дать родительскому элементу более высокое значение z-index, как он показывает в ссылке:

<div style="position: relative; z-index: 3000">
    <div style="position:absolute;z-index:1000;">
        <a href="#">Page</a>
        ...
    </div>
</div>
<img style="position:absolute" src="myimage.png" />

edit

Поскольку Аскер упомянул, что его проблема не совсем та, что была описана в ссылке, проблема может быть связана со стековым контекстом, как обсуждалось в принятом ответе на этот вопрос: Проблемы наслоения IE7 Z-индекса