HTML中将一张图片蒙上一层灰色

html-css031

HTML中将一张图片蒙上一层灰色,第1张

请问要蒙上什么样的一层灰色？

1. bosonbai说的 opacity 是控制元素的透明度，filter的写法是IE适用，

还可以写成 opacity:0.7 ，兼容Chrome

2. 如果是需要一层半透明黑灰色，挡着图片，你需要弄一个position: absolutebackground:#000opacity:.7的div遮挡，注意宽度高度，和位置

3. 如果是想让图片变成黑白色，需要 filter: grayscale(100%)，具体可以自行搜索

添加div透明度

div{

width：100%；

height：100%；

background-color:red

opacity:0.2

}