<style>
a img{
padding:1px;
}
a.user img{
border:3px solid #efefef;
}
a.user:hover img{border:3px solid #999;}
</style>
<body>
<a class="user" href="#">
<img src="test.jpg"/>
</a>
</body> 代码的具体实现可查看源代码，下面只是重点指出hack的方法：
a.user img{
border:3px solid #efefef;
}
a.user:hover{zoom:1;}
a.user:hover img{border:3px solid #999;}
如果我把上面的zoom:1;换成了border:none，你可能就不是这么容易发现这句hack了，你会认为这是一个多余的CSS定义，而恰恰相反，只要我们增加这么一句定义，而里面的属性只要跟下面一句定义不相同即可实现IE6下的兼容，是不是很简单。
这样写下来代码也简洁多了，更重要的是边框的样式可以根据图的大小自适应了。
新闻热点
疑难解答
