Machen Sie Text lesbar auf beliebigem Hintergrundbild

Question

Ich verwende die carousel component aus dem neuen Bootstrap 3 RC2. Allerdings habe ich festgestellt, dass in der Praxis die Beschriftung oft nicht lesbar ist, da meine Bilder sehr viel Farbe haben. Das vorherige Bootstrap 2.3 verwendete black gradient for captions, aber das scheint entfernt worden zu sein.

Was wäre eine Möglichkeit, meine Beschriftung mit CSS zu stylen, um sie gegen beliebige Bilder lesbar zu machen? Ich habe versucht, mit Schatten und Hintergrundfarbe zu spielen, aber das wird einfach unglaublich hässlich.

Hier einige Beispiel-Code: http://bit.ly/1eX8Tz9

Answer 1

Um den Inhalt auf dem grauen halbtransparenten Hintergrund

Nur Fügen Sie den folgenden Code in Ihre CSS

.carousel-caption{ 
    background: rgba(0,0,0,0.5); 
} 

finden Sie in der Demo angezeigt zu bekommen Here