Wie mache ich einen Balken im Header leicht transparent ?

[Michi Löffler]

Hallo zusammen
Wie kann ich einen Balken im Header leicht transparent machen? Möchte gerne den dunklen oder hellen Balken leicht durchschimmernd machen, dass man das Hintergrundbild, den Slider immer noch ganz sieht.

Beispiel: http://www.loeffler-web.ch/phippi/index.php/home.html

Vielen Dank für euren Wertvollen Tip.

Grüsse
Michi

[ciaobello]

Auf diese Weise kannst du es machen (CSS):

http://www.mediaevent.de/css/transparenz.html

[Michi Löffler]

Vielen Dank Ciaobello
Bei mir sieht es so aus:

element.style {
background-color: #fab6b6;
background-position: 0 0;
background-size: contain;
}

Es sind also keine RGB Werte. Wie kann ich da die Transparenz hinbekommen ?

Vielen Dank und Grüsse
Michi

[Bennie]

Das steht auch in dem verlinkten Beitrag weiter unten - opacity sollte den Job erledigen

[andreasisaak]

Auf den Header eine opacity zu setzen ist doch quatsch und nur bei reinen Bildern sinnvoll. opacity macht auch den gesamten Inhalt transparent. Die beste Lösung ist rgba:

background-color:rgba(0,0,0,0.5)

Damit hast du einen schwarzen Hintergrund mit der Deckkraft von 50%