Aller au contenu

Insertion images superposées partiellement


koss70

Sujets conseillés

Ciao,

Je dois avoir un conflit quelque part.

JE souhaite obtenir une superposition partielle. J'ai une image.jpg et une autre .png avec l'effet alpha.

Mon code CSS:

//image de fond en alpha
#img_fond_01 {
background-image: url(images/fond_01.png);
background-repeat: no-repeat;
background-position: center;
height: 418px;
width: 544px;
padding-right: 23em;
}

//image mapmonde
#img_04 {
background-image: url(images/image_04.jpg);
background-repeat: no-repeat;
background-position: left center;
height: 192px;
width: 360px;
padding-top: 3em; }

Mon code (X)HTML

<div id="img_fond_01" title="fond du texte" alt="fond du texte">
<div id="img_04" title="mapmonde" alt="mapmonde"></div>
</div>

J'aimerai arriver à ce rendu.

La mapmonde à plat, le fond rectangulaire avec effet alpha qui commence à peu prêt à la moitié de cette dernière.

Actuellement le rectangle de fond est bien en alpha là où je veux qu'il soit à l'horizontal, en revanche, à la vertical, il ne l'est pas. Il est en dessous de la mapmonde :wacko:

Quelqu'un peu me dire d'où vient l'erreur? :)

Merci d'avance ;)

Modifié par koss70
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...