android 背景图亮度,CSS调整图像背景的亮度而不是内容

该部分有一个背景图像，其内容位于顶部。 我想降低部分背景图像的亮度，而不是内容。CSS调整图像背景的亮度而不是内容

我已经尝试了下面，但是，亮度仍适用于所有，而不仅仅是图像。

headline text

Sub-headline text

Join our wait list

#section1 {

background: url('../images/headerimage1.jpg') center center no-repeat;

background-size: cover;

-webkit-filter: brightness(0.5);

filter: brightness(0.5);

padding-top: 100px;

padding-bottom: 100px;

padding-left: 10%;

padding-right: 10%;

color: white;

text-align: center;

}

#content {

-webkit-filter: brightness(1);

filter: brightness(1);

}

2016-03-17

jon220