Html 在Bootstrap3中，如何使旋转木马标题具有50%不透明度的背景？

我需要我的旋转木马标题有一个不透明度为50%的背景。我已经尝试了下面的代码，但在IE11或更早版本中不起作用。我已经看过这里关于它的老帖子，这些解决方案都不适用于IE

我试过这个：

.carousel-caption {
background: rgba(255, 184, 28, 0.5);}

即使是梯度：

.carousel-caption {
background: linear-gradient(to bottom, rgba(255, 184, 28, 1), rgba(255, 184, 28, 0.5));}

HTML:

这里是标题1的文本。
这里是标题2的文本。
这里是标题3的文本。

CSS:

.旋转木马标题{
最大宽度：100%；
宽度：100%；
背景：rgba（255,184,28,0.5）；}；
左：0；
底部：0；
颜色：#000000；
}

回答： 我需要将此添加到CSS中：

---

过滤器：α（不透明度=50）

我需要做的就是添加以下样式更新：

filter: alpha(opacity=50); 

---

这在IE11中应该可以用，你试过其他浏览器吗？还有，发布你的html。它在Firefox中有效，但在IE中不起作用。我刚刚添加了html和CSS。我刚刚找到了答案。我只需要添加过滤器：alpha（不透明度=50）；给我的CSS。@AshleyK用正确的“答案”回答你自己below@WesFoster完成。谢谢

<style type="text/css">
.carousel-caption {
max-width: 100%;
width:100%;
background: rgba(255, 184, 28, 0.5);};
left: 0;
bottom: 0;
color:#000000;
}
</style>

filter: alpha(opacity=50);