Question

标题非常混乱我知道...我已经将不透明度应用于父元素。在该元素中是一个子div，需要具有不同的不透明度而不是具有其父值。请参阅示例 - http://bootply.com/65163。按钮需要不透明度：1;而不是它的父母不透明：.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;
            }

Answer 1

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

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

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

有关rgba HERE

的更多信息

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

Answer 2

这将完成你的工作：

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

同时检查出来。 http://www.w3.org/wiki/CSS/Properties/color/RGBA

使用相同的类覆盖该div中的子元素上的父div类

2 个答案: