Jquery 如何使用Bootstrap'；s转盘组件

我正在使用BootstrapV4创建一个包含带有标题文本的图像的旋转木马。我希望图像褪色，但文字不受影响。我已经尝试过各种非引导解决方案，但我就是无法让任何东西起作用。请帮助：(

链接到开发站点

代码：

“alt=”利物浦市中心“>
这是一个标题
这是一些与上述标题相关的文本

“alt=”利物浦市中心“>
这是一个标题
这是一些与上述标题相关的文本

.旋转木马项目img{
保证金：0自动；
}

基于此HTML

<div class="carousel-item"> <img src="<?php echo SITE_IMG . 'L1.jpg'; ?>" alt="Liverpool City Centre">
      <div class="carousel-caption">
        <h3>This is a title</h3>
        <p>This is some text that is relevant to the title above</p>
      </div>
    </div>
  </div>

---

在我看来，您只需要降低图像本身的不透明度：

.carousel-item img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50);                                         /* IE 5-7 */
  -moz-opacity: 0.5;                                                 /* Netscape/Firefox */
  -khtml-opacity: 0.5;                                               /* Safari 1.x */
  opacity: 0.5;                                                      /* Good browsers */
}

---

看看这个@Suraj-这对我有什么帮助？我看不到任何关于不透明度的信息？为什么不在图像上设置

opacity

值？标题不是它们的子项，因此不会继承opacity@Andy-我已经试过了，它也会影响文本。我会更新开发人员网站以显示这一点now@Andy-我被纠正了，这是有效的当我第一次尝试它时，我使用的是白色文本，但没有任何帮助！

.carousel-item img {
     opacity: /* whatever */
   }

.carousel-item img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50);                                         /* IE 5-7 */
  -moz-opacity: 0.5;                                                 /* Netscape/Firefox */
  -khtml-opacity: 0.5;                                               /* Safari 1.x */
  opacity: 0.5;                                                      /* Good browsers */
}