Placer absolute derrière l'élément positionné relatif

j'ai deux éléments dans le même conteneur, le premier a position: absolute, le deuxième position: relative. Est-il un moyen de définir le "z-index" absolue de l'élément de sorte que sa dans le fond? L'élément relatif positionné doit être sur le dessus (couche z) parce qu'il contient des liens...

Voici un JSFiddle: http://jsfiddle.net/8eLJz/

l'élément absolu positionné est au sommet de la couche z et je n'ai aucune influence sur le z-index-bien. Que puis-je faire?

25
demandé sur Luca Nate Mahler 2014-03-03 19:55:45
la source

3 ответов

Je ne suis pas sûr de celui que vous voulez en tête, mais vous avez juste besoin de mettre la position sur les deux et z-index sur les deux. 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;
}
42
répondu 2pha 2014-03-03 20:02:52
la source

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

nav#mainNav > img {
    z-index: -1;
}
6
répondu isherwood 2014-03-03 20:02:23
la source

CSS a une propriété d'index en z donc sur votre nav#mainNav > img sélecteur juste set z-index: -1;. Ici, c'est un travail jsFiddle: http://jsfiddle.net/8eLJz/1/

1
répondu HJ05 2014-03-03 20:02:40
la source

Autres questions sur