CSS/ rendre uniquement le background transparant
Résolu
Mouslim02
Messages postés
320
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je suis en train de faire un site, et quand je cré une balise div et que je lui met le background avec par example la couleur blue et que je met du texte et des images, normal pas de probleme
mais quand je met "opacity : 0.6", le background deviens transparent mais aussi les images et le texte
je voudrais seulement que l'arriere plan devien transparant et que les images et texte reste intactes
merci de votre aide les amis
je suis en train de faire un site, et quand je cré une balise div et que je lui met le background avec par example la couleur blue et que je met du texte et des images, normal pas de probleme
mais quand je met "opacity : 0.6", le background deviens transparent mais aussi les images et le texte
je voudrais seulement que l'arriere plan devien transparant et que les images et texte reste intactes
merci de votre aide les amis
A voir également:
- CSS/ rendre uniquement le background transparant
- Comment rendre un fichier moins lourd - Guide
- Comment nettoyer son mac pour le rendre plus rapide - Guide
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Starter background changer - Télécharger - Thèmes & Fonds d'écran
- John's background switcher - Télécharger - Suite bureautique
3 réponses
Bonjour
D'après ce que je lis, ton code dois ressembler à sa :
FICHIER HTML
FICHIER CSS
Le problème est que tu englobes dans la div "block" les images et le texte. Du coup, tout est prit en compte.
Essaye :
FICHIER HTML
FICHIER CSS
Tient moi au courant ! :)
Lerendra
D'après ce que je lis, ton code dois ressembler à sa :
FICHIER HTML
<div class="block"> <p> Mes vacances en image </p> <img src="Image1.png" alt="image1" /> <img src="Image1.png" alt="image1" /> <p> Je suis une ligne </p> </div>
FICHIER CSS
.block
{
Background-color: blue;
opacity: 0.6;
}
Le problème est que tu englobes dans la div "block" les images et le texte. Du coup, tout est prit en compte.
Essaye :
FICHIER HTML
<div class="block"> <p> Mes vacances en image </p> <img src="Image1.png" alt="image1" /> <img src="Image1.png" alt="image1" /> <p> Je suis une ligne </p>
FICHIER CSS
.block
{
background-color: rgba(0, 0, 255, 0.6);
}
Tient moi au courant ! :)
Lerendra
salut
impossible a faire avec un seul div ou meme avec un div enfant de meme taille que le parent car opacity se transmet à l'enfant
la solution
un div avec ton background opaque
un div en position absolute sans background qui se place par dessus
sinon tu utilise un background en png semi transparent
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.
impossible a faire avec un seul div ou meme avec un div enfant de meme taille que le parent car opacity se transmet à l'enfant
la solution
un div avec ton background opaque
un div en position absolute sans background qui se place par dessus
sinon tu utilise un background en png semi transparent
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.
animostab
emmm donc l'opacité se transmet a l'enfant, bonne info
je ne sais pas comment utiliser un png semi transparent, mais j'aimerais aprendre la transparence sur png, vous avez l'air de vous y connaitre, donc je vais poser une nouvelle question
si vous pouvez m'aider ça serait super
sinon toi et lerendra merci bcp pour votre aide
emmm donc l'opacité se transmet a l'enfant, bonne info
je ne sais pas comment utiliser un png semi transparent, mais j'aimerais aprendre la transparence sur png, vous avez l'air de vous y connaitre, donc je vais poser une nouvelle question
si vous pouvez m'aider ça serait super
sinon toi et lerendra merci bcp pour votre aide
re lerendra
oui la voila https://forums.commentcamarche.net/forum/affich-30685640-rendre-une-partie-d-image-transparente#p3068564
si vous pouvez m'aider ça serait super sinon ça reste super comme même ;)
oui la voila https://forums.commentcamarche.net/forum/affich-30685640-rendre-une-partie-d-image-transparente#p3068564
si vous pouvez m'aider ça serait super sinon ça reste super comme même ;)
c'est exactement ce que je voulais
je trouve même pas quoi vous dire :D
franchement un grand MERCI