Comment mettre une image par dessus une autre?

Comment mettre une image par dessus une autre? - HTML/CSS - Programmation

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?

Reply

Marsh Posté le 26-10-2005 à 17:20:08   

Reply

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.
 


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

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.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 26-10-2005 à 18:46:35    

Dolby a écrit :

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?


 
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.

Reply

Marsh Posté le 27-10-2005 à 20:01:52    

Merci pour les réponses, c'est prometeur !  :sweat:  
Avez-vous un exemple visuel ou un tutorial pour me donner les idées plus claire ?

Message cité 1 fois
Message édité par Dolby le 27-10-2005 à 20:02:43
Reply

Marsh Posté le 27-10-2005 à 20:17:26    

Dolby a écrit :

Merci pour les réponses, c'est prometeur !  :sweat:  
Avez-vous un exemple visuel ou un tutorial pour me donner les idées plus claire ?


Oui :
http://openweb.eu.org/articles/initiation_absolue/
http://css.alsacreations.com/Bases [...] ses-en-CSS
 
Bon apprentissage :)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Sujets relatifs:

Leave a Replay

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