Jquery 如何设置背景图像的不透明度离开前景图像？

我正在用twitter引导实现一个crousel，在我的滑块上有一个前景图像作为当前图像，背景图像作为下一个图像，现在我只想设置背景图像的不透明度，如何设置其不透明度？请在下面找到我的代码

CSS代码

.carousel
{
background-image:url("img_tree.png");
background-repeat:no-repeat;
} 

.carousel .item {
  align: 'center';
  margin-right: 10%;
  margin-left: 10%;
  background-color: black;
}

HAML码

  #carousel-example-generic.carousel.slide
    %ol.carousel-indicators
      %li.active{"data-slide-to" => "0", "data-target" => "#carousel-example-generic"}
      %li{"data-slide-to" => "1", "data-target" => "#carousel-example-generic"}
      %li{"data-slide-to" => "2", "data-target" => "#carousel-example-generic"}
    / Wrapper for slides
    .carousel-inner
      - images_for_carousel.each do |item|
        - if item == 1
          .item.active
            = image_tag("slide#{item}.jpg", :alt => "image_#{item}")
            .carousel-caption
        - else
          .item
            = image_tag("slide#{item}.jpg", :alt => "image_#{item}")
    / Controls
    = link_to("#carousel-example-generic", class: "left carousel-control", "data-slide" => "prev") do
      %span.icon-prev
    = link_to("#carousel-example-generic", class: "right carousel-control", "data-slide" => "next") do
      %span.icon-next

jquery代码

  $('#carousel-example-generic').carousel().on('slide.bs.carousel', function () {
    var previous_image_number = parseInt($('.carousel').css('background-image').match(/([0-9].jpg)/)) + 1;
    $('.carousel').css('background-image', 'url(' + '/assets/slide' + previous_image_number + '.jpg' + ')')
  })

形象

---

我希望我理解正确，你能试试这个吗：

编辑：制作一个类

创建css类：

.imageBG {
        background: url(image.png);
        background-color: #fff; /* IE 8 */
        background-color: rgba(255,255,255,0.5);
        *background-color: #fff; /* IE 7 */
    }

使用Jquery添加此类：

$( "yourelement" ).addClass( "imageBG" );

有关rgb alpha传输的更多信息，请参阅

使用纯jQuery，您可以添加如下内容：

$("element").css({
"background": "url(image.png)",
"background-color": "#fff",
"background-color": "rgba(255,255,255,0.5)",
"*background-color": "#fff"
});

编辑

如果要在.carousel元素上执行此操作，可以执行此操作（不需要jQuery，只需CSS）：

---

请试试这个，希望能有所帮助

.bg{
opacity: 0.9;
background-repeat: no-repeat;
background-attachment: fixed;
}

---

你能给jsfiddle吗？@Sachin Singh:你应该尝试通过

jquery或javascript将这个自定义类
#image
附加到第二个图像上，你能制作一个jFiddle，或者把它放到网上的某个地方，这样我们就可以进行一些测试了吗？你是说哪个元素是特定的，你是说。旋转木马吗？@Mike尝试了，但没有成功，我认为
rbga
不会使背景图像透明，但它可以创建一个透明的颜色背景。这里的问题是css不能改变，css背景图像的透明度。您最好将其放置在DOM中，然后使用z索引将其放置在滑块后面。然后可以应用不透明度。另一种解决方案是（如果图像inst动态更改），只需在编辑器程序中编辑不透明度并将其保存为en PNG。
.bg{
opacity: 0.9;
background-repeat: no-repeat;
background-attachment: fixed;
}