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

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

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

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

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

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

有四种方式，行内样式，内嵌式，链接和导入式

行内呢是在标签里直接写，比如

内嵌是写在之间，例如：

链接和导入没有什么太大的区别，需要简历外部css文件，在gw中按ctrl+n有那选项

之后在页面之间加入css文件所在路径调用，如下，

<div id="Introduction_img" class="FloatLeft">

<div id="hide" style="background: rgba(255, 255, 255, 0.7)!important

filter: Alpha(opacity=70)z-index:98display:nonewidth:280pxheight:200pxposition: absolute"></div>

<img id="div2" style="width:280pxheight:200px" title="学院简介" alt="学院简介" src="images/xyimg.jpg" />

<script type="text/javascript">

window.onload = function(){

var DIV = document.getElementById('Introduction_img')

var DIV2 = document.getElementById('div2')

DIV2.onmousemove = function(){

hide.style.display='block'

hide.innerHTML='学院简介'

}

}

</script>

</div>

把图片替换掉就OK了。。 这样都不给分 下一次 再不回答了。。

置换图片路径 就行了 其它 div 名称不要变。

---