Bonjour, j'ai une page web, avec des images PNG qui s'affiche sur une image JPG, je voudrais un CSS qui inscruste les images PNG sur les images JPG pour donner un effet de graffiti.

Voici pour l'exemple:

http://www.lunnatick.fr/Gal_Meilleur/Gal_Graffs_Mur/index.php

Pourriez vous m'aider ?

Bonsoir Jookong,

Pour réaliser ceci, il va te falloir utiliser la propriété CSS "position" . Il y a plusieurs manière de le faire, mais la plus simple est surement celle ci :

HTML :

Code:

<div class="mur">
 <img src="" alt=""/> <!-- ton image en PNG -->
</div>

CSS :

Code:

.mur {
 background-image: url(""); /* url de l'image du mur*/
 position: relative;
width: 300px; /* largeur */
height: 300px; /* hauteur */
}

.mur img {
 position: absolute;
 top: 50px; /* remplacer par le placement en X*/
 left: 50px; /* remplacer par le placement en Y*/
}

Merci

Ce code CSS va incruster une image sur une autre ?

Eh bien je t'invite à tester le code... . Il fonctionne chez moi, éventuellement il est possible de jouer un peu avec l'opacité du png pour un meilleur effet, mais tout dépend de ton image en png.