鼠标悬停效果并不在IE工作

我

<td width="70" height="60"> 
    <a href="images/Gallery1/6.jpg" rel="lightbox" title="my title" > 
     <img src="images/Gallery1/thumbs/6.jpg" width="65" height="40" border="0" class="gallery-img"> 
    </a> 
</td>

和CSS：

.gallery-img{ 
    border:4px solid #FFFFFF; 
} 
.gallery-img:hover{ 
    border:4px solid #D4D5D8; 
}

上面的代码运行正常使用Firefox，但使用IE 8时不我怎样才能解决这个？

来源

2011-04-05 Testadmin

尝试从您的img HTML标记中移除border="0"。

来源

2011-04-05 05:27:02 Hite

您正在测试此版本的哪个版本的IE？

IE的早期版本（仅版本6）仅支持在a（链接）元素上的悬停选择器，而没有其他任何内容。较新的版本应该支持这一点，但我没有第一手经验来证明这一点。

下面写着关于IE6：http://www.howtocreate.co.uk/wrongWithIE/?chapter=%3Ahover

来源

2011-04-05 05:27:49

他没有明确说明它是IE 8吗？ – 2011-04-05 07:15:02

为我工作。我试了一下在Chrome，IE 8和9：

http://jsfiddle.net/EmmrW/1/

即使你更新的代码，它仍然有效：

http://jsfiddle.net/EmmrW/2/

，但它是真实的 - 尝试将所有的宽度和高度，边界属性到CSS - 这就是它们所属的地方。

此外，您可能有其他定义，任何IE特定的CSS文件或规则？检查那些。

来源

2011-04-05 05:30:29

检查了这一点：

a .gallery-img{ 
    border:4px solid #FFFFFF; 
} 
a:hover .gallery-img{ 
    border:4px solid #D4D5D8; 
}

我认为它会工作。谢谢

来源

2011-04-05 06:09:07 thecodeparadox

这将工作在IE8，如果你在标准模式。

:hover不适合在IE6和IE7/8 非a元素的怪癖模式工作：

，如果你在Quirks Mode它不会工作。

你使用表格进行布局的事实表明，对于所有可能的原因，在怪癖模式下这是答案。

阅读这漫长而细致的文章：

http://hsivonen.iki.fi/doctype/

总之，你需要确保你有一个正确的doctype在你的HTML的第一行，如：

<!DOCTYPE html>

您可以通过在IE中打开相关页面来验证我所说的内容，然后按F12打开开发人员工具。如果对于“文档模式”它说怪癖模式，你的CSS片段将永远不会工作。添加doctype后，应该说“IE8标准”，它应该都可以工作。

如果它仍然不起作用，那么你有其他一些问题，防止IE使用标准模式。

来源

2011-04-05 11:01:25 thirtydot

鼠标悬停效果并不在IE工作

回答

相关问题