Faire passer du texte SOUS une image HTML / CSS
Fermé
Mihai
-
4 juil. 2016 à 17:52
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 23 août 2016 à 17:32
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 23 août 2016 à 17:32
Bonjour !
j'aimerai savoir comment faire pour qu'une image passe sur le texte. Je sais qu'avec le float on peut "libérer" une image et la mettre où on veut, mais malheureusement ce n'est pas ce que je souhaite.
Avec le float, le texte va autour de l'image, elle ne passe pas en dessous. Là j'aimerai que ça soit le cas.
Une idée pour m'aider ?
Merci d'avance !
j'aimerai savoir comment faire pour qu'une image passe sur le texte. Je sais qu'avec le float on peut "libérer" une image et la mettre où on veut, mais malheureusement ce n'est pas ce que je souhaite.
Avec le float, le texte va autour de l'image, elle ne passe pas en dessous. Là j'aimerai que ça soit le cas.
Une idée pour m'aider ?
Merci d'avance !
A voir également:
- Mettre un texte sous une image html
- Insérer une image dans word sans bouger le texte - Guide
- Mettre un texte en majuscule - Guide
- Excel cellule couleur si condition texte - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Extraire texte d'une image - Guide
2 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
Modifié par animostab le 23/08/2016 à 17:40
Modifié par animostab le 23/08/2016 à 17:40
salut
le html
le css
et voila evidemment on ne verra pas le texte donc tu peux ajouter un opacity a .image
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
le html
<div> <div class="image"><img src="image.jpg"></div> <div class="texte"><p>texte en dessous</p></div> </div>
le css
.image { position: absolute; top:0; left:0; width:300px; z-index:100; } .image img { width:100%; } .texte { position:relative; width:300px; z-index:10; }
et voila evidemment on ne verra pas le texte donc tu peux ajouter un opacity a .image
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.