Estomper un background sans toucher au HTML
Templier Nocturne
Messages postés
9989
Statut
Membre
-
steph32 Messages postés 98 Statut Membre -
steph32 Messages postés 98 Statut Membre -
Bonjour,
je suis en possession d'un CSS, mais pas du HTML (je modifie un site tout fait avec stylish)
je cherche à estomper le background d'une div sans pour autant estomper le texte au dessus.
mon CSS ressemble ça :
.contenu {
background-color: #aaea15;
background-image: url("http://www.site.com/image.jpg");
}
et je voudrais savoir comment mettre l'attribut "opacity: 0".5 pour qu'il ne concerne que le background et pas tout ".contenu"
j'espère être clair :/
merci d'avance :)
je suis en possession d'un CSS, mais pas du HTML (je modifie un site tout fait avec stylish)
je cherche à estomper le background d'une div sans pour autant estomper le texte au dessus.
mon CSS ressemble ça :
.contenu {
background-color: #aaea15;
background-image: url("http://www.site.com/image.jpg");
}
et je voudrais savoir comment mettre l'attribut "opacity: 0".5 pour qu'il ne concerne que le background et pas tout ".contenu"
j'espère être clair :/
merci d'avance :)
A voir également:
- Estomper un background sans toucher au HTML
- Editeur html - Télécharger - HTML
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Background task host c'est quoi ✓ - Forum Windows
- Espace en html ✓ - Forum HTML
- John's background switcher - Télécharger - Suite bureautique
3 réponses
Bonjour,
En empilant 2 div ?
.background {
background-image : url("http://www.site.com/image.jpg");
opacity : 0.5;
}
.contenu {
background-color : transparent;
}
Et le HTML :
<div class="background">
<div class="contenu">blablabla</div>
</div>
Ou alors plus simplement, diminue l'opacité de ton image sous photoshop et enregistres la en png ;)
En empilant 2 div ?
.background {
background-image : url("http://www.site.com/image.jpg");
opacity : 0.5;
}
.contenu {
background-color : transparent;
}
Et le HTML :
<div class="background">
<div class="contenu">blablabla</div>
</div>
Ou alors plus simplement, diminue l'opacité de ton image sous photoshop et enregistres la en png ;)
As-tu essayé de rendre directement l'image opaque avec photoshop ?
Si tu n'as pas ce logiciel je veux bien te le faire. Envoies moi l'image avec imageshack stp :
https://imageshack.com/
sinon, peut être avec un autre attribut ? (display...) ou une technique pour ne pas appliquer l'attribut opacity au texte ?
Opacity lui s'applique à touts les éléments du Div quoi que tu fasse. Si tu ne peux que travailler sur le fichier CSS, tu va devoir trouver une autre solution.
Le problème c'est que si tu ne peux pas non plus appliquer une transparence directement sur l'image en PNG, je n'en vois pas d'autre.
Je te recontacte si par hasard je trouve autre chose.
Bonne continuation ;)