Comment mettre une image par dessus une autre? - HTML/CSS - Programmation
Marsh Posté le 26-10-2005 à 18:06:16
Tout à fait !
Il existe la propriété "z-index" qui permet de superposer. Plus le chiffre est grand, plus il est au premier plan.
Un z-index de 5 sera au dessus d'un z-index de 1.
Marsh Posté le 26-10-2005 à 18:31:34
Pour que "z-index" s'applique, il faut que l'élément soit positionné (absolu, relatif ou fixé).
Mais z-index n'est pas utile dans ce cas, il ne fait que modifier l'ordre d'empilement.
Pour empiler, il faut appliquer la propriété "position" à l'un des deux éléments au-moins.
Marsh Posté le 26-10-2005 à 18:46:35
Dolby a écrit : Bonjour, |
Pour placer au-dessus on fait : (image2=au-dessus)
image2 {position: absolute; top: x; left: y;}
car un élément en position absolue ce placera toujours devant.
Marsh Posté le 27-10-2005 à 20:01:52
Merci pour les réponses, c'est prometeur !
Avez-vous un exemple visuel ou un tutorial pour me donner les idées plus claire ?
Marsh Posté le 27-10-2005 à 20:17:26
Dolby a écrit : Merci pour les réponses, c'est prometeur ! |
Oui :
http://openweb.eu.org/articles/initiation_absolue/
http://css.alsacreations.com/Bases [...] ses-en-CSS
Bon apprentissage
Marsh Posté le 26-10-2005 à 17:20:08
Bonjour,
est-ce possible d'insérer une image par dessus une autre (un gif pour la seconde) comme on peut voir certaine pub prendre la place de l'écran en le superposant ?
Ca pourrait etre utile dans mon cas : j'ai une image d'un produit et par dessus j'aimerai y mettre une autre image qui afficherait que c'est une nouveauté donc ca masquerait une partie de l'image mais pas toute...
Est-ce possible?