[CSS] rendre une image transparente
Résolu
zimeau
Messages postés
711
Date d'inscription
jeudi 19 avril 2007
Statut
Membre
Dernière intervention
10 juin 2014
-
7 févr. 2010 à 13:55
zimeau Messages postés 711 Date d'inscription jeudi 19 avril 2007 Statut Membre Dernière intervention 10 juin 2014 -
zimeau Messages postés 711 Date d'inscription jeudi 19 avril 2007 Statut Membre Dernière intervention 10 juin 2014 -
Bonjour,
voici le body de mon site :
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("images/fond.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
je voudrais que mon image de background images/fond.jpg, puisse être transparente. j'ai essayé avec background-color: transparent; mais cela ne fonctionne que si je met une couleur comme fond, et pas une image. j'ai tester avec opacity: 0.4; mais cela ne rend que le texte transparant. quelqu'un saurait comment je pourrais rentre uniquement limage transparente?
Merci!
voici le body de mon site :
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("images/fond.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
je voudrais que mon image de background images/fond.jpg, puisse être transparente. j'ai essayé avec background-color: transparent; mais cela ne fonctionne que si je met une couleur comme fond, et pas une image. j'ai tester avec opacity: 0.4; mais cela ne rend que le texte transparant. quelqu'un saurait comment je pourrais rentre uniquement limage transparente?
Merci!
A voir également:
- [CSS] rendre une image transparente
- Légender une image - Guide
- Image iso - Guide
- Comment rendre un fichier moins lourd - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
6 réponses
yassinebenchekroune
Messages postés
312
Date d'inscription
mercredi 7 mars 2007
Statut
Membre
Dernière intervention
26 avril 2010
18
7 févr. 2010 à 13:57
7 févr. 2010 à 13:57
essaye ça:
color:inherit;filter:Alpha(opacity=84);-moz-opacity:0.84;opacity: 0.84;
color:inherit;filter:Alpha(opacity=84);-moz-opacity:0.84;opacity: 0.84;
zimeau
Messages postés
711
Date d'inscription
jeudi 19 avril 2007
Statut
Membre
Dernière intervention
10 juin 2014
117
7 févr. 2010 à 14:11
7 févr. 2010 à 14:11
merci de ta réponse.
Mais le opacity (et les variantes pour les versions dIE et Firefox) fait, comme je l'ai dit plus haut, rendre que le texte transparent.
Mais le opacity (et les variantes pour les versions dIE et Firefox) fait, comme je l'ai dit plus haut, rendre que le texte transparent.
yassinebenchekroune
Messages postés
312
Date d'inscription
mercredi 7 mars 2007
Statut
Membre
Dernière intervention
26 avril 2010
18
7 févr. 2010 à 14:14
7 févr. 2010 à 14:14
test toute la ligne....
graffx
Messages postés
6506
Date d'inscription
jeudi 22 mars 2007
Statut
Contributeur
Dernière intervention
24 mars 2019
1 975
7 févr. 2010 à 14:19
7 févr. 2010 à 14:19
Le mieux est encore de mretoucher la photo...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
zimeau
Messages postés
711
Date d'inscription
jeudi 19 avril 2007
Statut
Membre
Dernière intervention
10 juin 2014
117
7 févr. 2010 à 14:35
7 févr. 2010 à 14:35
j'ai essayé toute la ligne mais cela ne change rien, les filter:Alpha(opacity=84); et moz-opacity:0.84; ne servent que pour les vielle version d'IE et de Firefox (j'ai une version récente de firefox). de plus le opacity marche, mais ne rend que le teste en transparent, pas l'image. Je pense en effet graffix, que la meilleur chose a faire sera de retouché l'image. il est dommage de rentre la couleur du site en transparent ou son texte, mais pas ses image.
Je vais me débrouiller ainsi. merci!
Je vais me débrouiller ainsi. merci!
zimeau
Messages postés
711
Date d'inscription
jeudi 19 avril 2007
Statut
Membre
Dernière intervention
10 juin 2014
117
7 févr. 2010 à 14:39
7 févr. 2010 à 14:39
d'ailleurs, je dis une petite bêtise, le opacity rend tout le contenu du body transparent (pas que le texte) sauf l'image de background.