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 :)
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 ;)-
-
Alors je ne pense pas que ce soit possible en utilisant la propriété opacity :/
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/ -
ben je peux le faire, mais c'est pour un script stylish (un module firefox pour modifier les codes CSS d'un site web), ça va donc poser un problème au niveau du stockage et du temps d'accés :/
sinon, peut être avec un autre attribut ? (display...) ou une technique pour ne pas appliquer l'attribut opacity au texte ? -
Pourquoi display ?? Display s'utilise pour modifier l'affichage d'un élément.
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 ;)
-
-
Bonjour,
J'avais le même probleme et ce site a été ma solution
www.alsacreations.com/tuto/lire/909-CSS-transparence-couleur-rgba.html
Cordialement -
Une petite précision, si tu veux que cela fonctionne sous IE
/* for IE */
filter:alpha(opacity=85);
/* CSS3 standard */
opacity:0.85;
