Z-индекс не работает с градиентом фона CSS3

Question

У меня есть фоновый градиент на div (только код для FF показан ниже для удобства чтения)

background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);

У меня тогда есть изображение внутри, которое должно «пробить» дно над вторым делом внизу с тем же градиентом. Я использую z-index 2 на изображении, z-index 1 на div.

Это прекрасно работает, когда у div нет градиента (только сплошной цвет фона), но как только я применяю градиент, z-index не срабатывает, и изображение падает позади второго div, см. Изображения ниже:

С градиентным фоном

на сплошном фоне

Answer 1

Проблема заключалась в том, что z-индекс содержал div, хотя он был установлен ниже, чем изображение, и устранение его устранило проблему: /

Answer 2

Я собираюсь предположить, что элементы с z-index es не имеют свойства position.Тогда z-index не будет работать.Может показаться, что работает без градиента, но это потому, что цвет фона div прозрачен и изображение видно под ним, создавая впечатление, что оно сверху.Я прав?