为什么我的代码实现不了滤镜功能

<html>
<head>
<style type="text/css">
       a:link img{
           filter:gray;
       }
       a:hover img{
           filter:" ";
       }
</style>
</head>
<body>
<a href="3"><img src="2.jpg"/></a>
<a href="3"><img src="3.jpg"/></a>
<a href="3"><img src="4.jpg"/></a>
<a href="3"><img src="cat1.jpg"/></a>
</body>
</html>

为什么实现不了图片是灰色的一碰就变回原色的功能

我要变大神大神大大神