CSS background / transparence

Résolu

dallap -
atango - 24 nov. 2015 à 13:54

Bonjour,
j'ai cherché pas mal de temps sur le net mais je n'ai rien trouvé qui marchait...

Je souhaiterai rendre un background transparent mais pas le texte qui se trouve dedans.
Mon background et le texte sont définis dans la même classe CSS comme ceci:

.texte_general {
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	border: 5px ridge #CCC;
	text-align: left;
background-color: #FFF;
}

j'ai essayé de mettre

opacity:0.5;

mais le texte devient également transparent...

j'ai également essayé de remettre une 2 ème fois .texte_general dans mon fichier CSS en ne remettant que le background et l'opacité dedans mais c'est pareil...

auriez vous une astuce?

merci ;)

A voir également:

Css background transparent
Background image opacity - Meilleures réponses
Css couleur transparente - Meilleures réponses
Code couleur transparent - Forum Webmastering
Background transparent ? ✓ - Forum Webmastering
[PhotoShop CS6] Couleur de transparence. ✓ - Forum Photoshop
Coeur transparent emoji ✓ - Forum Facebook
Raccourci coeur blanc - Forum Facebook

10 réponses

Réponse 1 / 10

mahdi_kan

bonjour,
tu dois créer deux div superposés (dans la même position avec css),
dans le premier tu met ton background et tu le rend transparent,
dans le deuxième tu met ton texte.
voici un exemple:
html:
<div class="trans">
<img src="../img/gris.jpg" />
</div>
<div class="info" >
<h2><a href="#" >Envoyez des cadeaux a vos amis</a></h2>
</div>
CSS:
.trans{
position:absolute;
top:230px;
left:0;
height:70px;
width: 450px;
filter:alpha(opacity=55);
-moz-opacity:0.55;
opacity: 0.55;
.info{
position:absolute;
top:230px;
left:0;
height:70px;
width: 451px;
font-size:18px; font-family:Georgia, serif ; font-color:#fff;
color:#fff; padding:5px; margin:0;
overflow:hidden;

Discussions similaires

Background semi-transparent

Mettre une opacity sur un background-image

Background transparent ?

Votre réponse

Discussions similaires