CSS background haut et bas
Résolu/Fermé
TRUNCKS
Messages postés
1030
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
3 juin 2023
-
29 août 2012 à 22:54
TRUNCKS Messages postés 1030 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 3 juin 2023 - 4 sept. 2012 à 09:04
TRUNCKS Messages postés 1030 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 3 juin 2023 - 4 sept. 2012 à 09:04
A voir également:
- CSS background haut et bas
- Trait css ✓ - Forum CSS
- Comment remettre le son haut-parleur ? - Guide
- Voici une présentation avec des animations. quand on lance le diaporama, quels fruits descendent du haut de l’écran ? - Forum Powerpoint
- Combien y a-t-il de bateaux dans la zone de 475 pixels de large et 1000 pixels de haut à partir du coin supérieur gauche de cette image ? - Forum Photoshop
- Background remover - Télécharger - Montage photo
2 réponses
Mihawk
Messages postés
4313
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
845
30 août 2012 à 10:16
30 août 2012 à 10:16
Hello,
Je pense qu'il ne faut pas utiliser la background, qui ne te permet de mettre qu'une seule image en fond (sauf si la taille de ta div est fixe et définie, alors tu peux fusionner tes 2 images en une seule et ça sera plus simple !).
Sinon il faut placer dans ton div : ta première image ; ton texte ; ta 2e image.
Tu mets une position:relative; aux 3 éléments avec des z-index différents. Puis tu ajustes leur positionnement.
Sans garantie totale du résultat mais ça devrait t'aider.
Je pense qu'il ne faut pas utiliser la background, qui ne te permet de mettre qu'une seule image en fond (sauf si la taille de ta div est fixe et définie, alors tu peux fusionner tes 2 images en une seule et ça sera plus simple !).
Sinon il faut placer dans ton div : ta première image ; ton texte ; ta 2e image.
Tu mets une position:relative; aux 3 éléments avec des z-index différents. Puis tu ajustes leur positionnement.
<div>
<img src="monimage1/jpg" style="position:relative; z-index:10;"/>
<div style="position:relative; z-index:20;">
Mon texte
</div>
<img src="monimage2/jpg" style="position:relative; z-index:10;"/>
</div>
Sans garantie totale du résultat mais ça devrait t'aider.
TRUNCKS
Messages postés
1030
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
3 juin 2023
7
4 sept. 2012 à 09:04
4 sept. 2012 à 09:04
Super, merci beaucoup pour cette réponse !
