Discussion :

[Qapoka]

Bonjour,

est ce que quelqu'un saurait comment superposer 2 images sur une page internet? Je voudrait mettre une image et par dessus un gif (avec transparence)

[balu]

<div style="background: url(image_fong.png); width: 400px; height: 400px;">
<img src="image.gif" alt="image avec transparence" />
</div>

Les deux images ont la même taille dans cet exemple.

[Qapoka]

Merci, ca marche impec.

[frochard]

A titre indicatif, MSIE interprête très mal certaines pages avec des fonds positionnés. (Certaines manipulations Javascript gèlent dans ce cas précis)

Aussi, je préfère dans ce genre de situations (ce qui permet également de les positionner comme bon vous semble)


<div style="postition:relative;width???px;height???px>
<img src="???????" alt="fond" style="width???px;height???px;position:absolute;left?px;top?px">

<img src="???????" alt="avec transparence" style="width???px;height???px;position:absolute;left?px;top?px">

</div>

la mesure top et left se calculent par rapport au div positionné conteneur

Note : même si top et left sont à 0px, il est préférable de les mettre, sinon Opera ne positionnera pas correctement les images qui peuvent se retrouver décalées... Firefox, MSIE, Netscape et Avant Broswer n'ont pas ce problème dans ce cas précis