Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1275 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment mettre une image par dessus une autre?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Comment mettre une image par dessus une autre?

n°1231714
Dolby
Posté le 26-10-2005 à 17:20:08  profilanswer
 

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?

mood
Publicité
Posté le 26-10-2005 à 17:20:08  profilanswer
 

n°1231765
Nigel_
Posté le 26-10-2005 à 18:06:16  profilanswer
 

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
n°1231790
sibelius
Vous êtes sûr ?
Posté le 26-10-2005 à 18:31:34  profilanswer
 

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
n°1231800
CNeo
Posté le 26-10-2005 à 18:46:35  profilanswer
 

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.

n°1232920
Dolby
Posté le 27-10-2005 à 20:01:52  profilanswer
 

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
n°1232945
sibelius
Vous êtes sûr ?
Posté le 27-10-2005 à 20:17:26  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment mettre une image par dessus une autre?

 

Sujets relatifs
Comment mettre image fond écran sous-pages site ?mettre une image dans un tooltip
Mettre une image de fond derriere un tableau DOMMettre une image de fond à une balise <li> en css
[Java] Mettre une image de fond dans un container [Resolu]Comment mettre une image dans un controle picture ??
[Java] Mettre une image en background + boutons par-dessus.[Base64] Mettre une image dans un code HTML
mettre une image animée de type gif[Delphi] mettre une image dans une combobox
Plus de sujets relatifs à : Comment mettre une image par dessus une autre?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR