[CSS] Transparante achtergrond bij text

[dawuss]

Ik wil een heel simpel effect berijken, of eigenlijk heb ik het al bereikt, namelijk als onderstaande:


In browsers als Mozilla, Netscape en Opera zie je het rechter blok waar het nieuws in staat zoals het hoort: Licht transparant, met leesbare text. Dit heb ik gedaan met een 20% transparant PNG.


Internet Explorer doet dit echter als volgt:

En dat is dus niet de bedoeling.

Hoe krijg ik het voorelkaar dat het in beide browsers goed gaat?

[ Voor 4% gewijzigd door dawuss op 18-09-2003 20:20 . Reden: oeps, cruciaal regeltje vergeten ]

[Rickets]

Zou je misschien wat bijbehorende code kunnen geven?

[Eskimootje]

IE kan geen transparante png's aan. Maar misschien dat je met deze style het gewenste effect in IE kan maken: filter: alpha(opacity=70);
SRC @
http://www.luneven.nl/new/nieuws.php
http://www.luneven.nl/new/style.css

[ Voor 94% gewijzigd door Eskimootje op 18-09-2003 20:08 ]

[CrashOne]

Volgens mij kan IE dit niet. IE is zelfs niet volledig CSS1 compatible.

[dawuss]

Sorry, was ik even vergeten toe te voegen
Ik heb het bereikt met een transparante PNG ja.

@Eskimootje: Waar moet ik die filter: alpha zut dan toevoegen? En wordt m'n text dan niet ook transparant?

[Eskimootje]

dawuss schreef op 18 september 2003 @ 20:22:
Sorry, was ik even vergeten toe te voegen
Ik heb het bereikt met een transparante PNG ja.

@Eskimootje: Waar moet ik die filter: alpha zut dan toevoegen? En wordt m'n text dan niet ook transparant?

Ja ook maar aangezien die zwart is zul je dat niet heel erg zien.

[dawuss]

Eskimootje schreef op 18 September 2003 @ 20:22:
[...]

Ja ook maar aangezien die zwart is zul je dat niet heel erg zien.

Nou, met 20% transparency denk ik van wel

Is er geen betere oplossing?

[ Voor 7% gewijzigd door dawuss op 18-09-2003 20:24 ]

[Eskimootje]

dawuss schreef op 18 September 2003 @ 20:23:
[...]


Nou, met 20% transparency denk ik van wel

Is er geen betere oplossing?

Uhm ja in een div zonder bakcground die eronder valt tekst zetten en de png erover heen.

[dawuss]

mja, dan is de text nog steeds niet honderd procent zwart en op de voorgrond, maar het begint er al een beetje op te lijken
Toch wil ik gewoon de text helemaal op de voorgrond. Is dit nu echt niet mogelijk

* dawuss schopt IE

[Eskimootje]

Doe je de tekst ook nog op de voorgrond dus 2 *

[dawuss]

maar hoe krijg ik die <div>'s dan netjes boven elkaar?

[kleautviool]

Door de beide divs op dezelfde plek te positioneren

[crisp]

bekend euvel, en bekende oplossingen die daarbij horen....