Размещение абсолюта за относительно расположенным элементом

Question

У меня есть два элемента в одном контейнере, первый имеет position: absolute, второй position: relative, Есть ли способ установить "z-index" абсолютного элемента так, чтобы он находился в фоновом режиме? Элемент с относительным расположением должен быть сверху (z-слой), потому что он содержит ссылки...

Вот JSFiddle: http://jsfiddle.net/8eLJz/

Элемент с абсолютным позиционированием находится в верхней части z-слоя, и я не имею никакого влияния на z-index-имущество. Что я могу сделать?

Answer 1

Я не уверен, какой из них вы хотите впереди, но вам просто нужно установить положение на обоих и установить z-index на обоих. http://jsfiddle.net/8eLJz/2/

a {
    color: black;
}

nav#mainNav {
    position: relative;
}

nav#mainNav > img {
    position: absolute;
    width: 100px;
    left: 0;
    z-index: 5;
}

nav#mainNav > a > img {
    width: 100%;
}

nav#mainNav > nav {
    width: 100%;
    position: relative;
    z-index: 10;
}

nav#mainNav > nav > a {
    display: block;
    text-align: right;
    background-color: yellow;
}

Answer 2

http://jsfiddle.net/8eLJz/3/

nav#mainNav > img {
    z-index: -1;
}

Answer 3

CSS имеет свойство z-index, поэтому на вашем nav#mainNav > img селектор только что установлен z-index: -1;, Вот рабочий jsFiddle: http://jsfiddle.net/8eLJz/1/

Answer 4

Я думаю порядок вещей(position relativeодин иposition absoluteодин) тоже важно.

У меня не работает, если я изменю порядок