代码示例:(标识:dhtm_image)
<html>
<head>
<style>
div
{
width:160px;
height:120px;
}
</style>
</head>
<body>

Alpha: 
<div style="filter:alpha(Opacity=20)">
<img src="/static/demo/images/eg_landscape.jpg" width="160" height="120" />
</div>

Gray: 
<div style="filter:gray()">
<img src="/static/demo/images/eg_landscape.jpg" width="160" height="120" />
</div>

Invert: 
<div style="filter:invert()">
<img src="/static/demo/images/eg_landscape.jpg" width="160" height="120" />
</div>

Xray: 
<div style="filter:xray()">
<img src="/static/demo/images/eg_landscape.jpg" width="160" height="120" />
</div>

Mask: 
<div style="position:absolute;left:10;top:610;">
<img src="/static/demo/images/eg_landscape.jpg" width="160" height="120" />
</div>

<div style="position: absolute; left: 10; top: 610; filter: mask(color=#ffffff); width: 160; height: 120">
<h2>The mask value makes the text transparent</h2>
</div>

</body>
</html>
运行结果: