标签: 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
答案 0 :(得分:20)
为了使内容显示在灰色的半透明背景
只需将以下代码添加到您的css
.carousel-caption{ background: rgba(0,0,0,0.5); }
参见演示Here