[camper]

Hallo,

ich bin langsam aber sicher am verzweifeln. Ich möchte einen Text mit einer weißen Fläche hinterlegen, die aber zu 50% transparent sein soll. Mit Alpha bzw. Opocity funktioniert es irgendwie überhaupt nicht und mit einem PNG klappts nur im Firefox. Was mache ich denn falsch, oder ist es nicht möglich bei beiden Browsern das selbe (annähernd) Ergebnis zu bekommen?
Ganz zu schweigen, dass immer alles verutscht und nicht auf Linie steht, so wie es im Layoutmodus aussieht.

Kann mir da jemand Hilfestellung geben?

Danke und viele Grüße
camper

PS: Ich arbeite mit Dreamweaver.

[pixelpapst303]

es heißt opacity - vielleicht hattest du schlicht weg n schreibfehler drin?

alles damits klappt, findest du hier:
http://www.w3schools.com/Css/css_image_transparency.asp


zum png gibt es den bekannten fix für ie:
http://www.twinhelix.com/css/iepngfix/

viel spaß

[m]

[camper]

Das wäre jetzt mein CSS:

@charset "UTF-8";
.test {
background-color: #FFFFFF;
opacity:.50;
-moz-opacity:.5;
filter:alpha(opacity=50);
}


Leider funktioniert das im IE immer noch nicht und im Firefox ist auf einmal alles transparent, also auch der Text.

Mist...

[m]

Ach Sorry, ja vergeß das. Nutz ein PNG mit dem Fix von http://www.twinhelix.com/css/iepngfix/

[camper]

Dieses Fix brauch dann aber jeder User, oder?

[camper]

Achso... ich bau das in meine Site mit ein... aber wie?
ich blicks gerade echt nicht...
Verdammt!

[intelli]

Dern bekommt ja jeder User, da Du ihn in die Seite einbindest.