Ik zou graag de achtergrond kleur van een div transparanter maken zodat je de onderliggende achtergrond afbeelding nog kunt zien. is dit mogelijk in css/xhtml of komt daar jquery of iets dergelijks aan te pas?

volgende code om een schets van de vraag te geven

<div id="contentcontainer">

<div class="contentpanel"></div>
<div class="contentpanel"></div>

</div>

ik heb dus een content container met een vaste breedte en hoogte. Deze heeft een achtergrondafbeelding. in deze contentcontainer komen verschillende contentpanels, met inhoud van bvb nieuws items enzo. Nu had ik graad die content panels een lichtgrijze achtergrond kleur gegeven, maar wel dat ze doorschijnen zodat de achtergrond afbeelding van de container nog zichtbaar is. is dat realiseerbaar met css en vooral strict?

Helemaal transparant kan zo:
background: none;
misschien dat je bijv:
background: url(linknaar/deafbeelding.gif) 50%;

Zoiets vermoed ik tenminste

Ik gebruik altijd de code hieronder, weet niet of die valid is maar hij werkt in elke browser

Code: Alles selecteren

#onzichtbaar {
   float:left;
   /* IE */
   filter: alpha(opacity=1);
   /* CSS3 standard */
   opacity: 0.01;
   /* Mozilla FF */
   -moz-opacity: 0.01;
   }

Bovendien kun je ook gebruik maken van PNG afbeeldingen, die zijn automatisch doorzichtig. Vergeet wel geen PNG fix te gebruiken voor IE6 ...

Ik dacht dat dit een designersforum was, met de nadruk op "designers"

bedankt voor de reactie allemaal.