Question

伙计们我有一个html div，这里是代码

<div id="mainBody"></div>

我在css中给它一个背景图片，这是代码

#mainBody{background : url(../images/index/optimizedBackground.jpg) repeat 0 0;}

我想在其上添加一种颜色，但这种颜色是不透明的并且可以查看背景图像。

所以我使用了这个html代码并在第一个中添加了一个div：

<div id="mainDiv"><div id="layoutDiv"></div></div>

我在中为布局 div提供了背景颜色：

#layoutDiv{
background-color : #1a1a1a;
opacity : 0.9;}

它的效果很好但是这里的问题是布局 div中的任何内容 0.9不透明度我希望布局 div只有0.9不透明度不是里面的divs

Answer 1

只需使用RGBA-Color。 HEX颜色#1a1a1a的不透明度为0.9 rgba(26, 26, 26, 0.9)

只需粘贴此内容即可删除不透明度。就是这样：

#layoutDiv{
    background-color : rgba(26, 26, 26, 0.9);}

Answer 2

使用：

background-color：rgba（26,26,26,0.9）;

然后将文字颜色设置为您需要的颜色。

Answer 3

使用RGBA，Style将应用于特定元素。

    #mainDiv{ background-color : rgba(22,176,33,1); }

    #layoutDiv{ background-color : rgba(233,176,288,0.5) }