[HTML] Pblm fonction "Z Index"

Pblm fonction "Z Index" [HTML] - HTML/CSS - Programmation

Marsh Posté le 16-01-2009 à 14:31:42    

Bien le bonjour à tout le monde!
 
Je vais vous faire part d'un souci qui me gène! et oui, bizarre qu'il me gène... :) !!
 
Je fait un site internet sous DREAMWEAVER.  
 
Sur l'image que je fourni en lien plus bas, j'ai un souci de plan avec d'une part mon image (ici celle de la boutique) et avec le menu contextuel crée à partir de ce même logiciel. En effet, le menu contextuel, lorsque je met ma petite souris dessus, se déroule MAIS, il passe en dessous de l'image de la boutique en dessous.
J'ai pu voir sur des forum qu'on pouvais agir sur ca avec le Z INDEX... ce que j'ai fait! mais en fait je ne trouve pas le moyen d'appliquer un Z INDEX à mon menu contextuel, mais seulement à mon image, et à la zone qui déclenche le menu contextuel...
 
Quelqu'un aurait-il la bonté de m'éclairer?!  
 
Le code ne me fait pas peur, alors lancez moi vos charabia et je testerais tout ca, ou un éventuel lien si je suis passé à coté dans la fonction recherche de ce site...
 
Je vous remercie pour cette information!  
En vous souhaitant une bonne journée.
 
Steven.
http://nsa04.casimages.com/img/2009/01/16/mini_09011602254723349.jpg

Reply

Marsh Posté le 16-01-2009 à 14:31:42   

Reply

Marsh Posté le 17-01-2009 à 03:15:41    

le z index ne fonctionne que sur des blocs positionnés du meme niveau
admettons que ta page soit découpée ainsi

Code :
  1. <div id="zoom">
  2.   <ul>
  3.      <li>tes options de menu</li>
  4.      ...
  5.   </ul>
  6. </div>
  7. <div id="main">
  8.   <img src="majoulienimage.jpg" />
  9.   <p>tout mon joli texte qui fait envie</p>
  10.   ...
  11. </div>


a chaque fois que tu descends d'un niveau c est toujours remis à zero
dans mon exemple si tu mets un z-index de 1 sur img elle ne pourra donc recouvrir que les autres éléments du meme niveau (le paragraphe et les autres éléments à l'intérieur du div#main)
donc dans un premier temps tu devras mettre le z-index sur le div#zoom pour pouvoir passer par dessus le div#main
ensuite ca ne marche que sur des éléments positionnés
si ce n'est pas précisé tes éléments sont automatiquement en position:static
le plus simple est de coller un position:relative sur #zoom


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed