日期:2014-05-17  浏览次数:20603 次

请问高手,一个困惑的问题。
请问高手,下面的代码中<a href="2">中的值为什么是1或者2才能显示鼠标在该图片的灰色效果,而设置成3的时候,却不能显示,我都试过n次了,这是为什么?我看到一个视频中它的代码跟这个一样,就是其中<a href="3">的时候就能显示出该灰色效果,我很困惑纠结啊。这是为什么?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
<style type="text/css">
    a:link img 
{  filter:gray;
}
   a:hover img { filter:"";}
</style>
 </head>

 <body>

 <a href="2"> <img src="psbe1.jpg" /></a>
 
  <img src="psbe3.jpg" />
  <img src="psbe5.jpg" />
  <img src="psue555.jpg" />
 </body>
</html>
------解决方案--------------------
你的定义的样式跟href应该是没关系的,其次用filter要考虑兼容性问题
------解决方案--------------------
根1、2、3没有关系,我在ff里试了没有你说的划过变颜色,filter是要考虑兼容性的,还有a:link和a:hover
在不同浏览器下显示的效果也是不一样的