Czytanie tekstu na arbitralnym obrazie tła

Question

Używam carousel component z nowego Bootstrap 3 RC2. Zauważyłem jednak, że w praktyce napis jest często nieczytelny, ponieważ moje zdjęcia są bardzo kolorowe. Poprzedni Bootstrap 2.3 używał black gradient for captions, ale wydaje się, że został usunięty.

Jaki byłby sposób na ukształtowanie mojego napisu w CSS, aby były czytelne w stosunku do dowolnych obrazów? Próbowałem grać cieniem i kolorem tła, ale to staje się niesamowicie brzydkie.

Oto niektóre przykładowy kod: http://bit.ly/1eX8Tz9

Answer 1

W celu uzyskania zawartość wyświetlaną na szarym półprzezroczystym tle

Wystarczy dodać następujący kod do swojego CSS

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

Zobacz Demo Here