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

html-css010

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

}