不是啥创新,就是遇到这个问题又从新梳理了一下。
解决方案很简单 css里面加入个 a:hover {border:0;} 即可解决
付上参考教程和我写的代码
http://www.blueidea.com/tech/web/2009/6796.asp
PS:顺道说下ie6环境实在是太鸡贼了。反正win7下 用ietester还行,还有一个是IECollection也不错。xp下也都支持,不过支持度各有不同,建议就都装了好了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ie6 能用的 :hover</title> <style> .myList a { width:310px; height:280px; display:block;} .myList a .imgBtn { display:none; width:310px; height:280px;} .myList a:hover .imgBtn{ display:block;} /* 加入ie6能显示出来效果的css */ .myList a:hover { border:0;} </style> </head> <body> <div class="myList"><a href="#" style="background:url(1.jpg) no-repeat 0 0;"><div class="imgBtn" style="background:url(2.jpg) no-repeat 0 0;"></div></a></div> </body> </html>