CSS滤镜问题，显示灰色，鼠标点上去变回彩色

HTML代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>test1.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

<!-- 使用滤镜 ,a:hover表示鼠标移到上面-->

<style type="text/css">

a:link img {

filter:gray;

}

a:hover img{

filter:"";

}

</style>

  </head>

  

  <body>

    <a href=""><img src="image/1.jpg" /></a>

    <a href=""><img src="image/2.jpg" /></a>

    <a href=""><img src="image/3.jpg" /></a>

    <a href=""><img src="image/4.jpg" /></a>

  </body>

</html>

href=""，不能写成href="#"，否则显示不了，我用的是360浏览器测试。