CSS: Background transparant, tekst niet

[Verwijderd]

Is het mogelijk om een div een opacity van bijvoorbeeld 50% te geven, maar dat dit geen invloed heeft op de tekst?

Ik heb nu deze code:

.menu {
background-color: #000000;
opacity: 0.38;
filter: alpha(opacity=38);
-moz-opacity: 0.38;
}

[t-x-m]

misschien

Cascading Stylesheet:

.menu *{ 
   opacity: 0.38;
   filter: alpha(opacity=38);
   -moz-opacity: 0.38;
}

[Verwijderd]

Nope, werkt niet.. met dat sterretje erin krijg ik gewoon een zwarte achtergrond. De hele opacity valt weg

[NMe]

Je zou kunnen denken aan een semi-transparante PNG als achtergrondplaatje, maar dat werkt dan niet goed in IE 6 en lager.

[Rowanov]

Je kan een twee dingen doen: een illusie van transpantie wekken, of een element absolute over je div met achtergrond parkeren. De illusie heeft niet echt nadelen, maar het absolute positioneren wel, want zie ze maar eens even groot te houden.

Wat -NMe- zegt kan ook, maar dan moet je zelf even zoeken hoe je de transparantie in IE aan de praat gaat krijgen

[killercow]

Ik weet niet waar ik hte gelezen heb, maar er zijn 2 regeltjes.

1: Opacity werkt op alles binnen de div.
2: Opacity is relatief aan opacity van eventuele parent opacity, en kan nooit meer dan 100% zijn.

div a:
80%,
div b (binnen a):
50%
krijgt dus een opactity van 40%. (50% van 80%)

Ik doet het zelf zo:
Ik heb 2 divjes,
eentje bevat de content, en geen achtergrond.
de tweede bevat de achtergrond, en wordt via javascript precies onder de andere div gelegd, maar omdat hij niet in de DOM onder de andere div zit heeft de content er geen last van.

[Arnold]

Volgens mij werkt het ook zonder javascript?

HTML:

<div id="transparanteachtergrond">
    <div id="contenttext">
        <h1>blablabla</h1><p>text text text</p>\
    </div>
</div>

#transparanteachtergrond geeft je de opacity parameters,
#contenttext geef je die niet

?

[ Voor 4% gewijzigd door Arnold op 18-09-2006 11:16 ]

[R4NCOR]

GS2K1 schreef op maandag 18 september 2006 @ 11:15:
Volgens mij werkt het ook zonder javascript?

HTML:

<div id="transparanteachtergrond">
    <div id="contenttext">
        <h1>blablabla</h1><p>text text text</p>\
    </div>
</div>

#transparanteachtergrond geeft je de opacity parameters,
#contenttext geef je die niet

?

Nee, de contenttext erft dan gewoon de opacity van de transparanteachtergrond.