Cascading Stylesheets (CSS) Hilfethread

Habt Ihr Fragen, Probleme oder allgemeinen Unterhaltungsbedarf zum Thema Cascading Style Sheets?

Hier ist der richtige Ort!

Mögen Euch die CSS-Eigenschaften gnädig sein

Dann bin ich wohl der Erste der hier posted...

GIbt es eine Möglichkeit bei divs den Style so festzulegen, dass das Hintergrundbild oder die Hintergrundfarbe transparenter werden?

Ja, dass ist möglich.

Es werden, um möglichst viele Browser zu berücksichtigen zwei CSS-Anweisungen eingesetzt:

1. Opacity: Soll eigentlich erst in CSS 3 zum Einsatz kommen, funktioniert aber schon heute mit auf Opera-Technologie basierenden Webbrowsern. Erlaubt sind alle Werte zwischen 0.00 (volle Transparenz) und 1.00 (keine Transparenz). Diese Anweisung ist für den W3C CSS Validator nicht konform, drumrum kommt man aber nicht, wenn man auch auf Opera "gut aussehen" will.

Beispiel:
opacity: 0.5;


2. Filter: Das ist eine Methode die nur vom Internet Explorer 4+ unterstütz wird. Sie ist nicht valide, funktioniert bedingt durch die Verbreitung des IE quasi immer.

Beispiel:
filter: alpha(opacity=50);


3 (ganz andere Methode): ein PNG mit Alphakanal-Transparenz lässt darunterliegende Objekte "durchscheinen". Der IE6 sowie alle älteren Webbrowser unterstützen diese Methode allerdings von Haus nicht. Durch einen Fix geht diese Variante aber auch beim IE6 http://homepage.ntlworld.com/bobosola/pngtestfixed.htm

Weitere Informationen zu den Beispielen gibt es hier:
http://de.selfhtml.org/css/eigenschaften/filter.htm#alpha

http://www.w3.org/TR/css3-color/#transparency

Ich werde noch weiter auf das Thema eingehen, muss jetzt aber los...