Questions marquées «z-index»

519
Valeur minimale et maximale de l'indice z?

J'ai un div dans ma page HTML. Je montre ce div basé sur une condition, mais le div s'affiche derrière l'élément HTML où j'ai pointé le curseur de la souris. J'ai essayé toutes les valeurs de z-index de 0 à 999999. Quelqu'un peut-il me dire pourquoi cela se produit? Existe-t-il une valeur minimale...

422
z-index ne fonctionne pas avec un positionnement fixe

J'ai un divavec un positionnement par défaut (ie position:static) et un divavec une fixedposition. Si je fixe les z-index des éléments, il semble impossible de faire passer l'élément fixe derrière l'élément statique. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width:...

182
Pourquoi z-index ne fonctionne-t-il pas?

Donc si je comprends z-indexbien, ce serait parfait dans cette situation: Je veux placer l'image du bas (la balise / la carte) sous le div au-dessus. Vous ne pouvez donc pas voir les arêtes vives. Comment puis-je faire cela? z-index:-1 // on the image tag/card ou z-index:100 // on the div above ne...

163
Problèmes de couches d'index Z IE7

J'ai isolé un petit cas de test du z-indexbogue d'IE7 , mais je ne sais pas comment le résoudre. J'ai joué avec z-indextoute la journée. Quel est le problème avec z-indexIE7? Tester CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color:...

98
Fleur de paradoxe CSS z-index

Je voudrais créer un effet paradoxal via la propriété z-index CSS . Dans mon code, j'ai cinq cercles, comme dans l'image ci-dessous, et ils sont tous positionnés de manière absolue sans définition z-index. Par conséquent, par défaut, chaque cercle chevauche le précédent. À l'heure actuelle, le...

87
Mettre l'élément au premier plan en utilisant CSS

Je ne peux pas comprendre comment apporter des images à l' avant à l' aide CSS. J'ai déjà essayé de définir le z-index sur 1000 et la position sur relative, mais cela échoue toujours. Voici un exemple- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner {...