Problème de z-index

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Problème de z-index

par Akei » 22 sept. 2006, 21:15

Non ca ne fonctionne pas j'avais déja essayé.

J'ai opté pour la solution de l'info bulle.

Il faut mettre ceci aussi pour que ca fonctionne sous IE

Code : Tout sélectionner

<!--[if IE]> <style type="text/css"> .agrandir:hover,.agrandir:active { z-index: 1; } </style> <![endif]-->
Merci.

++

par Victor BRITO » 22 sept. 2006, 14:36

Salut!

Enrichis ton code en ajoutant ceci:

Code : Tout sélectionner

.bloc { z-index: 1; }
Essaie pour voir.

Problème de z-index

par Akei » 21 sept. 2006, 21:52

Bonjour,
Je voulais savoir si quelqu'un pouvait m'éclairer un peu dans mon problème.
J'ai un bloc et dedans un lien qui se positionne en absolue par rapport à celui-ci.
Le hic c'est que j'appelle ce bloc plusieurs fois. Sous FF, il n'y a pas de soucis mais sous IE il reste derrière le bloc rouge.

Html

Code : Tout sélectionner

<div class="bloc"> <a href="#">Test</a> </div> <div class="bloc"> <a href="#">Test</a> </div>
css

Code : Tout sélectionner

.bloc { position: relative; background: red; border: 1px solid black; height: 60px; } html>body .bloc { min-height: 60px; height: auto; } .bloc a { position: absolute; width: 83px; height: 55px; background: yellow; z-index: 2; } .bloc a:hover { width: 250px; height: 167px; z-index: 3; }
Si quelqu'un à une petite idée.

Merci

++