CSS background / transparence

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;

à ce moment tu fais ton png en très petit:
tu fais :
background-image : url("image.png");
background-repeat : repeat-x repeat-y;

As tu essayé en utilisant css avec background transparent :

.texte_general {
background:transparent;
}

en effet avec une image transparente de 1px par 1px ca marche :)
merci

mettre le background en png?

background-color : transparent;
ça devrait marcher

Pour l'idée du PNG c'est difficile à réaliser car mes blocs on des tailles différents alors l'image PNG à créer ne peut pas avoir une taille constante...

Je me suis mal exprimé désolé, je ne le veut pas totalement transparent mais juste un peu (comme la fonction opacity: 0.5; par exemple ...) donc Background-color : transparent; ne convient pas :(

the lebanese, le background-repeat que tu indiques n'existe pas, par défaut une image en bck se répète automatiquement en x et y.
tout comme la valeur de bck-color est par défaut transparent.

L'opacité pour le moment c'est:
-le png
--moz-opacity
--webkit-opacity
-opacity

à confirmer, mais il me semble bien qu'il faut les trois pour le css^^

Je n'ai pas essayé mais on ne sait jamais :

.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;
	moz-opacity:0.5;
	webkit-opacity;0.5;
	opacity:0.5;
}
.texte_general * {
	moz-opacity:1.0
	webkit-opacity;1.0;
	opacity:1.0;
}

Topic résolu d'abord