ie 中使用伪类（pseudo classes）来控制子标签有些问题。如

a:hover img {}

先看一下下面的几个例子，在我的 ie6.0 sp2 中，只有第四个例子有效果。但在mozzila 中都有效果。

</p> <style> <p>a:hover img {border:solid 10px red}</p> </style> <p><a href="#1"><img src="11.gif" /></a></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

</p> <style> <p>a:link img {border:solid 1px green}</p> <p>a:visited img {border:solid 1px red}</p> <p>a:hover img {border:solid 10px blue}</p> </style> <p><a href="dd9.htm"><img src="11.gif" width=100 /></a></p> <p><img src="11.gif" width=100 /></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

</p> <style> <p>a:link img {border:solid 1px #000;}</p> <p>a:hover img {border:solid 1px #ccc;}</p> </style> <p><a href="images/logo_google.gif"><img src="images/logo_google.gif" /></a></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

</p> <style> <p>a:link img {border:solid 1px #000;filter:alpha(opacity=50)}</p> <p>a:hover img {border:solid 1px #ccc;filter:alpha(opacity=100)}</p> </style> <p><a href="images/logo_google.gif"><img src="images/logo_google.gif" /></a></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

</p> <style> <p>a:link img {border:solid 1px #000;}</p> <p>a:hover img {border:solid 1px #f00;}</p> </style> <p><a href="images/logo_google.gif"><img src="images/logo_google.gif" /></a></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

经过一番折腾，搜索资料，终于发现这应该算是ie的bug，必须先写一些样式给 a:hover，正确写法如下：

</p> <style> <p>a:hover {color:transparent}/*写什么都可以，但不能不写*/</p> <p>a:hover img {border:solid 10px red}</p> </style> <p><a href="#1"><img src="11.gif" /></a></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

但是上面第四个不这样写，也可以？

</p> <style> <p>a:hover img {border:solid 1px #ccc;filter:alpha(opacity=100)}</p> </style> <p><a href="images/logo_google.gif"><img src="images/logo_google.gif" /></a></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

guoshuang20041107+如果在td里面情况就复杂了！！！指定 img border以后变化border可以，但其它不行，真是混乱不堪！：（