Question

js css如何让DIV背景图片变暗。

不要光是改透明度，要变暗的那种。
还有DIV上有一些span文字，能光是变暗背景图片吗。

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#a').css('-webkit-filter', 'grayscale(50%)');。

3、浏览器运行index.html页面，此时下方div的背景图片确实变暗，文字却没有影响。

Answer 2

大体的一些主要代码如下，具体代码你自己设置吧：

html：

<div>
  <img src="图片路径" />
  <em></em>
  <span>文字说明</span>
</div>

css：

div{width:100px; height:100px; position:relative;}
div img{width:100px; height:100px;}
div em{
  width:100px;
  height:100px;
  display:block;
  position:absolute;
  left:0;
  top:0;
  background:rgba(0,0,0,0.3);  //这样的写法ie8-不认，建议用背景图
  z-index:1;
}
div span{ position:absolute;z-index:2;}

Answer 3

<div class = "bg_01"></div>
<span class = "txt"></div>

.bg01{ position:fixed; background:#000;opacity:.8;filter:alpha(opacity=80);left:0;top:0;z-index:1;width:100px;height:100px;}
.txt{position:absolute;color:#fff;top:0;left:0;z-index:2;display:block;width:100px;height:100px;}

如果你不希望span里面的文字被DIV里面的不透明度影响，就需要在div上面再覆盖一层。

如果在同一个div里面，肯定会受不透明度的影响。

(不知道你的具体样式，给你个大致意思你看下。想你应该明白。)

Answer 4

<div class = "bg_01"></div>
<span class = "txt"></div>
1
2
.bg01{ position:fixed; background:#000;opacity:.8;filter:alpha(opacity=80);left:0;top:0;<a href="https://www.baidu.com/s?wd=z-index&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLPAF-PWDkuhwbuhF-uWD0IAYqnWm3PW64rj0d0AP8IA3qPjfsn1bkrjKxmLKz0ZNzUjdCIZwsrBtEXh9GuA7EQhF9pywdQhPEUiqkIyN1IA-EUBtkrHf3njbvPWTsnHnLnHnkPHf3" target="_blank" class="baidu-highlight">z-index</a>:1;width:100px;height:100px;}
.txt{position:absolute;color:#fff;top:0;left:0;<a href="https://www.baidu.com/s?wd=z-index&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLPAF-PWDkuhwbuhF-uWD0IAYqnWm3PW64rj0d0AP8IA3qPjfsn1bkrjKxmLKz0ZNzUjdCIZwsrBtEXh9GuA7EQhF9pywdQhPEUiqkIyN1IA-EUBtkrHf3njbvPWTsnHnLnHnkPHf3" target="_blank" class="baidu-highlight">z-index</a>:2;display:block;width:100px;height:100px;}
如果你不希望span里面的文字被DIV里面的不透明度影响，就需要在div上面再覆盖一层。
如果在同一个div里面，肯定会受不透明度的影响。

Answer 5

加背景色啊！把透明度改下，把背景色改成 灰色！就会变暗！