Estomper un background sans toucher au HTML
Fermé
Templier Nocturne
Messages postés
7734
Date d'inscription
jeudi 22 janvier 2009
Statut
Membre
Dernière intervention
21 mai 2016
-
29 oct. 2010 à 03:14
steph32 Messages postés 96 Date d'inscription jeudi 25 novembre 2004 Statut Membre Dernière intervention 1 novembre 2010 - 29 oct. 2010 à 20:38
steph32 Messages postés 96 Date d'inscription jeudi 25 novembre 2004 Statut Membre Dernière intervention 1 novembre 2010 - 29 oct. 2010 à 20:38
A voir également:
- Estomper un background sans toucher au HTML
- Editeur html - Télécharger - HTML
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- Background remover - Télécharger - Montage photo
- &Nbsp html ✓ - Forum Webmastering
3 réponses
stenzo
Messages postés
96
Date d'inscription
dimanche 24 octobre 2010
Statut
Membre
Dernière intervention
3 novembre 2010
16
29 oct. 2010 à 07:54
29 oct. 2010 à 07:54
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 ;)
Chibrou
Messages postés
51
Date d'inscription
vendredi 16 avril 2010
Statut
Membre
Dernière intervention
11 octobre 2012
29 oct. 2010 à 12:13
29 oct. 2010 à 12:13
Bonjour,
J'avais le même probleme et ce site a été ma solution
Cordialement
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
Templier Nocturne
Messages postés
7734
Date d'inscription
jeudi 22 janvier 2009
Statut
Membre
Dernière intervention
21 mai 2016
1 101
29 oct. 2010 à 13:46
29 oct. 2010 à 13:46
malheureusement, cela ne m'aide pas, en effet, il propose soit l'attribut "opacity, qui estompe aussi tout le texte qu'il y a dans ".contenu", soit "rgba()" qui n'agit pas sur l'image en elle même :(
steph32
Messages postés
96
Date d'inscription
jeudi 25 novembre 2004
Statut
Membre
Dernière intervention
1 novembre 2010
56
29 oct. 2010 à 20:38
29 oct. 2010 à 20:38
Une petite précision, si tu veux que cela fonctionne sous IE
/* for IE */
filter:alpha(opacity=85);
/* CSS3 standard */
opacity:0.85;
/* for IE */
filter:alpha(opacity=85);
/* CSS3 standard */
opacity:0.85;
29 oct. 2010 à 13:32
29 oct. 2010 à 18:04
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/
29 oct. 2010 à 19:16
sinon, peut être avec un autre attribut ? (display...) ou une technique pour ne pas appliquer l'attribut opacity au texte ?
29 oct. 2010 à 19:49
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 ;)