使文本在任意背景图像上可读

Jer*_*oen 9 css fonts carousel twitter-bootstrap twitter-bootstrap-3

我正在使用新Bootstrap 3 RC2中的轮播组件.但是,我注意到在实践中,标题通常是不可读的,因为我的图片颜色非常多.之前的Bootstrap 2.3使用黑色渐变作为标题,但似乎已被删除.

用CSS设置我的标题样式以使它们对任意图像可读的方法是什么?我尝试过使用阴影和背景颜色,但这只会让人非常难看.

这里有一些示例代码:http://bit.ly/1eX8Tz9

Aks*_*wal 20

为了使内容显示在灰色的半透明背景上

只需将以下代码添加到您的CSS

.carousel-caption{
    background: rgba(0,0,0,0.5);
}
Run Code Online (Sandbox Code Playgroud)

这里看演示