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

Question

我正在使用来自新 Bootstrap 3 RC2的轮播组件。但是，我注意到实际上标题通常不可读，因为我的图片颜色非常多。之前的 Bootstrap 2.3对字幕使用了黑色渐变，但似乎已被删除。

用 CSS 设置标题样式以使它们对任意图像可读的方法是什么？我尝试过使用阴影和背景颜色，但这变得非常难看。

score 20 · Accepted Answer

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

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

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

在此处查看演示

1 回答 1