Сделайте текст читаемым на произвольном фоновом изображении ⇐ CSS

[Anonymous]

Я использую компонент карусели из нового Bootstrap 3 RC2. Однако я заметил, что на практике подпись часто не читается, потому что мои фотографии очень многоцветные. В предыдущей версии Bootstrap 2.3 для подписей использовался черный градиент, но, похоже, он был удален.
Как можно стилизовать мою подпись с помощью CSS, чтобы сделать ее читабельной на фоне произвольных изображений? Я пытался поиграть с тенью и цветом фона, но это становится невероятно некрасиво.
Вот пример кода: https://jsfiddle.net/ZJWHG/
Скопировано во фрагмент здесь:

Код: Выделить всё

.carousel{
width: 720px;
height: 450px;
}

img{
width: 100%;
}

Код: Выделить всё

[img]http://img.wallpaperstock.net:81/earth-in-background-wallpapers_8515_1440x900.jpg[/img]



Lorem Ipsum
dolor sit amet...



[img]http://desktopbackgrounds1.com/wp-content/uploads/2012/10/1440x900-wallpaper-2.jpg[/img]


Lorem Ipsum
dolor sit amet...



[img]http://www.safsal-multimedia.com/extras/safsalWallpaper1_1440.jpg[/img]


Lorem Ipsum
dolor sit amet...



[img]http://www.psdgraphics.com/file/apple-logo-wallpaper-1440x900.jpg[/img]


Lorem Ipsum
dolor sit amet...



[url=#carousel-example-generic]

[/url]
[url=#carousel-example-generic]

[/url]

Подробнее здесь: https://stackoverflow.com/questions/183 ... ound-image