Empiler deux images sans passer par GD ... possible ?

[Zecat]

J'ai deux image de type .png (transparentes) et je veux superposer les deux images ... possible juste en html avec des balises spéciales ou obligé de fabriquer une image avec GD ?

 

[Marie-Aude]

z-layer

 

[Blount]

Bah techniquement c'est possible.

Par exemple :

<div style="position: relative;">
    <img src="image-du-dessous.png" alt="" />
    <img src="image-du-dessus.png" alt="" style="position: absolute; left: 0; top: 0;" />
</div>

Par contre, si l'image doit former un tout, il vaut mieux les fusionner.

 

[Zecat]

Bah techniquement c'est possible.

Par exemple :

<div style="position: relative;">
    <img src="image-du-dessous.png" alt="" />
    <img src="image-du-dessus.png" alt="" style="position: absolute; left: 0; top: 0;" />
</div>

Par contre, si l'image doit former un tout, il vaut mieux les fusionner.

Non non je veux justement pas fusionner ... mais ca (le div) ca me plait bien avec en plus left et top qui permettent un ajustement fin au pixel de l'image du dessus ... je vais testouiller ca ... en plus on doit pouvoir en superposer autant qu'on veux ... thanks

 

[Blount]

Oui, tu en mets autant que tu veux. Et comme le fait remarquer Marie-Aude, pense au z-index pour gérer les superpositions (qui se met au dessus de qui).

 

[Marie-Aude]

oups z-index, tu as raison (la honte ^^)

 

[cedric_g]

Tu veux faire un peu comme ici ?
http://www.chatterie-koolkat.com/chaton-a-vendre/

(sur les chatons réservés)

Pour ma part j'ai utilisé un SPAN en position "relative", avec des marges négatives et l'image en background.

C'est une méthode plutôt intéressante si l'une des images doit être répétée ; l'autre avantage est que le "filigrane" est une image CSS.