Question

我试图在我的Bootstrap轮播中的幻灯片上获得RGBA覆盖。我认为这很简单，但显然不是。

我曾尝试使用：before选择器添加背景，但没有运气。

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img:before {
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
}

JSFiddle

Answer 1

我怀疑你正在寻找像这样的东西：

.carousel-inner>.item {
    position: relative;
}

.carousel-inner>.item:before {
    content:'';
    position: absolute;
    width:100%; 
    height:100%;
    top:0; 
    left:0;
    background:rgba(0,0,0,0.6);
}

JSfiddle Demo

RGBA覆盖在旋转木马图像上

1 个答案: