1

我知道标题很混乱......我已经对父元素应用了不透明度。在该元素中是一个子 div，它需要具有不同的不透明度，而不是具有其父值。请参阅示例 - http://bootply.com/65163。按钮需要不透明度：1；而不是它的父母 opacity:.7;

            .carousel-search {
                margin: 7% 0 20px -208px;
                position: absolute;
                z-index: 9;
                text-align: center;
                opacity:.7;
                filter:alpha(opacity=70);  // IE
                -moz-opacity:0.7;          // Firefox
                -khtml-opacity: 0.7;
                left: 50%;
            }
            .carousel-search > .btn-group {
                opacity:1;
            }
4

2 回答 2

2

这可以使用 RGBA 来完成。我不知道更好的方法，这样做：

.carousel-search {
    background: rgba(0, 0, 0, 7);
}

这将只向父元素添加不透明度。子元素不受此不透明度的影响。所以现在你可以让子元素的不透明度保持原样（opacity: 1）

更多关于 rgba这里

编辑：我找到了另一种方式，这更像是一种 css hack，但它也可以。http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/

于 2013-06-21T10:20:07.640 回答
1

这将完成您的工作：

.carousel-search > .btn-group {
    background: rgba(x,y,z,1); //a is value of opacity
    }

也检查一下。http://www.w3.org/wiki/CSS/Properties/color/RGBA

于 2013-06-21T10:14:13.823 回答