Poser une question

Re: superposition de 2 images en CSS avec une position absolue et le z-index.

Salut,

Tu peux avec les méthodes conventionnelles utiliser la carte comme une image de fond, de la page, d'une cellule ou autres éléments. Et ensuite mettre l'image suivante dans cet élément.

Ou avec une feuille de styles (CSS) tu peux positionner tes image de façon "absolute". C'est à dire à une position X/Y. Et alors les deux images peuvent être superposées.

L'ordre de déclaration fera en sorte que la première sera au dessous des autres. Mais tu peux aussi le spécifier avec le "z-index".

Exemple :

<style type="text/css">
#imageFond {
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
#imageDonnees {
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
</style>
<div id="imageFond"><img src="http://www.infoclimat.com/cartes_france/fond_carte.jpg";></div>
<div id="imageDonnees"><img src="http://www.infoclimat.com/cartes_france/calque_pression.png";></div>

Ciao
Oznog

Réponses

Aucune réponse à ce message...