Jump to content

Empilement et z-index


Recommended Posts

Bonjour,

Je développe une fonctionnalité qui fait que quand on clique sur un bouton "Poster un commentaire", un DIV (déjà présent dans le markup) contenant un formulaire de saisie de commentaire apparaît au premier plan.

Mon problème est que le DIV apparaît bien, mais impossible de garantir qu'il soit au-dessus des autres éléments dans la page. Pourtant, ce DIV a bien un z-index très élevé, et les autres éléments un z-index à zéro.

Après qq recherches dans ce forum, j'ai essayé de varier le positionnement de ce DIV (position:relative; position:absolute; position:float;) et du markup environnant, mais rien à faire.

Quelqu'un aurait une idée ?

Merci.

Link to post
Share on other sites

A la base, tous mes DIV ont le positionnement implicite (je crois que c'est relative). Ensuite, j'ai essayé tous les positionnements possibles, en indiquant à chaque fois le même type de positionnement pour le DIV du dessus et du dessous.

Cela dit, j'ai lu dans un autre thread que le positionnement n'avait aucun rapport avec la propriété z-index, et que cette dernière était censée fonctionner qq soit le positionnement.

Link to post
Share on other sites

Tiens ce lien devrait t'aider : http://zonecss.free.fr/style_css/feuille_css_z_index.html

Et notamment ça :

La propriété de feuille de style z-index css est applicable sur toutes les balises HTML ou XHTML dont la valeur de la feuille de style position est égale à relative ou absolute.

Et effectivement je ne suis pas absolument certain, mais je crois bien avoir eu déjà pas mal de pbn avec les z-index, et que la seule façon que j'avais de les rendre effectifs était le position:absolute. Par contre es tu sûr d'en avoir vraiment besoin ?

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...