CSS background haut et bas
Résolu/Fermé
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
-
29 août 2012 à 22:54
TRUNCKS Messages postés 1017 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 8 novembre 2024 - 4 sept. 2012 à 09:04
TRUNCKS Messages postés 1017 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 8 novembre 2024 - 4 sept. 2012 à 09:04
A voir également:
- CSS background haut et bas
- Comment remettre le son haut-parleur ? - Guide
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Tiret du bas mac - Guide
- Background color css ✓ - Forum CSS
- Voici une présentation avec des animations. quand on lance le diaporama, quels fruits descendent du haut de l’écran ? - Forum Powerpoint
2 réponses
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
846
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
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
7
4 sept. 2012 à 09:04
4 sept. 2012 à 09:04
Super, merci beaucoup pour cette réponse !
