Estomper un background sans toucher au HTML
Templier Nocturne
Messages postés
7734
Date d'inscription
Statut
Membre
Dernière intervention
-
steph32 Messages postés 96 Date d'inscription Statut Membre Dernière intervention -
steph32 Messages postés 96 Date d'inscription Statut Membre Dernière intervention -
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
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Background task host c'est quoi ✓ - Forum Windows
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 ;)