Block transparent mais pas son contenu
Résolu/Fermé
A voir également:
- Block transparent mais pas son contenu
- Word a trouvé du contenu illisible - Guide
- Peer block - Télécharger - Pare-feu
- Plan de travail transparent illustrator ✓ - Forum Photoshop
- Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Forum Mail
- Code couleur transparent ✓ - Forum Webmastering
5 réponses
Sicey
Messages postés
57
Date d'inscription
mardi 18 mai 2010
Statut
Membre
Dernière intervention
4 décembre 2012
1
6 avril 2011 à 15:33
6 avril 2011 à 15:33
Si tu mets le conteneur de ton image en transparent, alors lui, ET tout son contenu sera transparent !
Que veux-tu vraiment faire ?
Si tu ne veux pas de fond ou un fond seulement moins visible, utilise background : transparent.... blabla
Voilà :)
Que veux-tu vraiment faire ?
Si tu ne veux pas de fond ou un fond seulement moins visible, utilise background : transparent.... blabla
Voilà :)
sculderoy
Messages postés
78
Date d'inscription
samedi 26 mars 2011
Statut
Membre
Dernière intervention
24 septembre 2018
15
6 avril 2011 à 15:34
6 avril 2011 à 15:34
+1. Que veux tu faire ?
Utilisateur anonyme
6 avril 2011 à 15:54
6 avril 2011 à 15:54
non non non, je veut que mon block soit voyant,car les images doivent être quand même entourer dan un cadre mais pas invisible.
j'ajoute mon code html:
<div id="block_right">
<div class="block_images">
<div class="images"><h2><a href="images.html">Images</a></h2></div>
</div>
</div>
et mon CSS:
#block_right
{
border-radius: 10px;
width: 40%;
height: 804px;
float: right;
margin-right: 140px;
margin-top: 15px;
background: black;
color: white;
opacity: 0.5;
}
voila, ça c'est mon block qui forme un cadre mais on y voit l'image de fond du site , mais en ajoutant une image , l'image devient aussi opaque,et ça je ne veut pas, je eut qu'elle apparaisse normalement. je dois surement écrire mon code autrement
bon j'espère que je me suis bien expliquer ,suis pas bon pour ça
j'ajoute mon code html:
<div id="block_right">
<div class="block_images">
<div class="images"><h2><a href="images.html">Images</a></h2></div>
</div>
</div>
et mon CSS:
#block_right
{
border-radius: 10px;
width: 40%;
height: 804px;
float: right;
margin-right: 140px;
margin-top: 15px;
background: black;
color: white;
opacity: 0.5;
}
voila, ça c'est mon block qui forme un cadre mais on y voit l'image de fond du site , mais en ajoutant une image , l'image devient aussi opaque,et ça je ne veut pas, je eut qu'elle apparaisse normalement. je dois surement écrire mon code autrement
bon j'espère que je me suis bien expliquer ,suis pas bon pour ça
sculderoy
Messages postés
78
Date d'inscription
samedi 26 mars 2011
Statut
Membre
Dernière intervention
24 septembre 2018
15
6 avril 2011 à 16:00
6 avril 2011 à 16:00
Ce n'est donc pas réellement possible. Deux solutions.
1- Tu mets un png noir avec l'opacité souhaitée sous photoshop
2- Tu créé un block parent en position relative puis deux blocs enfant en position absolute. Dans l'un d'eux tu mets ton fond avec l'opacité diminuée et dans l'autre ton contenu...
Cette dernière méthode est absolument crade au niveau du code et de la sémantique, mais la première solution en fonctionnera pas sous IE6 (png transparent non supporté nativement)... Mais qui se soucis encore d'IE6 ?
1- Tu mets un png noir avec l'opacité souhaitée sous photoshop
2- Tu créé un block parent en position relative puis deux blocs enfant en position absolute. Dans l'un d'eux tu mets ton fond avec l'opacité diminuée et dans l'autre ton contenu...
Cette dernière méthode est absolument crade au niveau du code et de la sémantique, mais la première solution en fonctionnera pas sous IE6 (png transparent non supporté nativement)... Mais qui se soucis encore d'IE6 ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question