灰化图片，greyscale image

 

<!-- HTML -->
<a class="a-thumb"><img src="/img/proxy-thumb.gif" /><span> </span></a>
 
/* CSS */
a.a-thumb {
	border: 0px solid black;
	position: relative;}
a.a-thumb img {
	width: 60px;
	height: 60px;
	border: 0;}
a.a-thumb span {
	background-color: #000000;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	z-index: 100;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;}

 

真的很经典 ，注意其中两个(img和span)的width和height要保持一致。

转载于:https://www.cnblogs.com/nevernet/archive/2010/10/22/1858663.html