[HTML/CSS] Kolom deels transparant

[Verwijderd]

Ik ben bezig met een website en daar heb ik de volgende vraag over:
Mijn achtergrond is een plaatje dat zich steeds herhaalt dat heb ik als volgend gedaan:

code:

BODY{   background-image: url(bg.jpg);  background-repeat: repeat-x;  background-position: bottom;  background-attachment: fixed;  padding: 15px;                  }

Nu heb ik in het midden twee kolomen die wit en een ander zwart grijs is. De witte is zo aangegeven:

code:

.ColumnCenter{ background-color: White; background-image: url(bg_page.gif); background-repeat: repeat-x; }

(dat image is voor een klein stukje bovenaan wat er niet echt toedoet)

Nu wil ik dat de achtergrond een beetje door het wit heenkomt (In photoshop ongeveer 78% opacity)
Hoe kan ik dat nu hier doen?

[Zoefff]

Google zoeken naar 'css opacity'

Oftewel, met

Cascading Stylesheet:

.waa {
    opacity: .8;
    filter: alpha(opacity=80);
}

Waarbij de eerste in Fx etc. werkt en het filter voor IE is.

Dan wordt overigens wel de hele kolom transparant, dus ook de inhoud. Wil je dat niet dan kan je beter een afbeelding met PNG-alpha transparency gebruiken

[ Voor 24% gewijzigd door Zoefff op 27-10-2006 19:34 ]

[Verwijderd]

Oke bedankt, problem solved

[Fuzzillogic]

Zoefff schreef op vrijdag 27 oktober 2006 @ 19:30:
Google zoeken naar 'css opacity'

Oftewel, met

Cascading Stylesheet:

.waa {
    opacity: .8;
    filter: alpha(opacity=80);
}

Waarbij de eerste in Fx etc. werkt en het filter voor IE is.

Het zou netter zijn om de IE-oplossing in een conditional comment te zetten. Stel je voor dat IE9 opeens ook de opacity-property gaat ondersteunen, wie weet hoe transparant de div dan wordt

[Prutser_IA]

Note that an element must have layout for a filter to work.

You must specify either a width or a height for any element you want to be opaque, (except for form fields, because they have a default width set). This is a consequence of the way Microsoft defines filters

bron: Quirksmode

[Zoefff]

Nexxennium schreef op vrijdag 27 oktober 2006 @ 19:52:
[...]

Het zou netter zijn om de IE-oplossing in een conditional comment te zetten. Stel je voor dat IE9 opeens ook de opacity-property gaat ondersteunen, wie weet hoe transparant de div dan wordt

Uiteraard! Het ging me puur om het voorbeeld