1、常规图像
2、带有透明度的相同图像
3、img {opacity:0.4;filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}
4、<!DOCTYPE html><html><head><style>body{ width:1020px; margin:0 auto; text-align:center;}img{ width:480px;}.img01,.img02{ float:left;}.img01{ margin-right:10px;}.img02 img{ opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}</style></head><body><div class="img01"> <h1>图像不透明</h1> <img src="http://www.ziyanfoods.com/repository/image/_Lo9H16eSD61f-xNSq7gTg.jpg" alt="Peach Blossom" /></div><div class="img02"> <h1>图像不透明</h1> <img src="http://www.ziyanfoods.com/repository/image/_Lo9H16eSD61f-xNSq7gTg.jpg" alt="Peach Blossom" /></div></body></html>