[weberleins]

Bevor ich im Prinzip nur abtippen würde, ein Link aus meiner Sammlung: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Beachte bitte besonders den Punkt zum Internet Explorer in den diversen Versionen weiter unten.

und zu Deiner speziellen Frage

Wie bekomme ich es hin, dass der content-, sidebar- und footer-Bereich transparent sind, alles im head-Bereich jedoch nicht?

opacity legt die Deckkraft eines Elements (komplett, auch mit Rahmen etc.) fest. Ist Dein Header ein Element -> opacity = 1 - und für alles andere einen entsprechenden niedrigeren Wert. Ich würds aber nicht so anwenden, sondern z.B. bei einem (wegklickbaren) Layer verwenden. Es wird ja nicht der inhalt des Browser transparent, sprich Du kannst damit ja nicht auf den Desktop durchschauen, sondern nur auf den darunterliegenden Teil der Webseite. Klar kann man so auch einen hintergrund "durchscheinen" lassen - aber ich würd mir überlegen ob ich das so lösen wollen würde.