Faire passer du texte SOUS une image HTML / CSS

[Fermé]
Signaler
-
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
-
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 !

2 réponses

Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
679
salut

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.
2
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
163
Date d'inscription
dimanche 27 mars 2016
Statut
Membre
Dernière intervention
2 juillet 2021
34
Bonjour,

Avec un background-image peut-être.