Slider mit transparentem Balken aber deckender Schrift

[prodana]

Im von JTL verwendeten Nivo-Slider kann man einen transparenten Balken mit Text einblenden.
Die Transparenz kann man im css ändern:

.nivo-caption{
opacity: 0.8;
}

Leider ändert dies sowohl die Transparenz des Balkens als auch der Schrift.

Welche css Befehle kann ich verwenden, wenn ich den Balken sehr durchscheinend haben möchte, die Schrift allerdings zu 100% deckend?

Schon jetzt mal einen Dank an die css-Gurus!

 

[WIMA Webdesign]

AW: Slider mit transparentem Balken aber deckender Schrift

Das wird mit css nicht funktionieren. Mache dir eine Grafik 1x1 px reicht schon mit der Farbe und transparenz wie du es haben möchtest und das dann als Background für den Balken.

 

[martinwolf]

AW: Slider mit transparentem Balken aber deckender Schrift

Das wird mit css nicht funktionieren. Mache dir eine Grafik 1x1 px reicht schon mit der Farbe und transparenz wie du es haben möchtest und das dann als Background für den Balken.

Na klar geht das, leben doch nicht mehr in den 90ern:

.nivo-caption{
   background: rgba(0, 0, 0, 0.8);
}

Schwarz mit 80% Deckkraft.

 

[prodana]

AW: Slider mit transparentem Balken aber deckender Schrift

Genau das habe ich gesucht! Funktioniert prima, Dank an martinwolf!