Transparente Content-Box mit HTML / CSS?

[siob]

Hallo zusammen,
ich bin momentan auf der Suche nach einer Möglichkeit einen Content-Box transparent so machen. Obwohl ich begeisterter OS X Nutzer bin hier (leider) ein kleiner Windows Vista Screenshot, damit ihr versteht, was ich meine: http://www.scotsnewsletter.com/art/72/desktop.jpg

Ich habe jetzt schon endlos gegoogelt und auch hier im Forum die Suchfunktion genutzt, aber find einfach nichts zu dem Thema.
Spontan ist mir dazu nur die Möglichkeit eingefallen, dass ich per Photoshop die Hintergrundgrafik nehme, einer weiße Ebene drüber mach, die Transparenz runtersetz und das ganze dann speicher und über HTML dann laden lasse. Hätte aber in meinen Augen wohl den Nachteil, dass ich das ganze nur auf eine (einzige) Auflösung optimieren könnte. Nutzer mit mehr oder weniger als 1024*... hätten dann also ein Problem, bzw. es würde einfach nicht wie gewünscht aussehen.

Vielleicht habt ihr ja ein paar Anregungen bzgl. dieses Themas.
Vielen Dank im Voraus
Gruß
siob

 

[Sven Mintel]

Variante 1:
erstelle ein Alpha-transparentes PNG in der gewünschten Farbe, und binde es als Hintergrundgrafik ein. Für IE<7 musst du dann noch zusätzlich den AlphaImageLoader einsetzen.

Variante 2:
die CSS-Formate -moz-opacity(Gecko-Browser) und der Alpha()-Filter(InternetExplorer) erlauben es dir, Seitenelemente transparent erscheinen zu lassen.

 

[siob]

Ah, vielen Dank. Das kommt dem Ganzen schon ein Stück weit näher.
Doch wie kann ich mit Photoshop / Imageready Grafiken für das Web transparent speichern, sodass sie wie im Screenshot / Photoshop aussehen?
Ich mein welches Format, welche Einstellungen (Dither, usw.).

 

[Sven Mintel]

Mmmh..das kann ich dir nicht beantworten, hab kein PS.

Format sollte auf jeden Fall PNG sein...für den Rest müsstest du mal im Photoshop-Forum nachfragen.