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

时间:2013-08-19 13:51:05

标签: css twitter-bootstrap fonts carousel twitter-bootstrap-3

我正在使用新Bootstrap 3 RC2中的carousel component。但是,我注意到在实践中,标题通常是不可读的,因为我的图片颜色非常多。之前的Bootstrap 2.3使用了black gradient for captions但似乎已被删除。

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

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

1 个答案:

答案 0 :(得分:20)

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

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

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

参见演示Here