ie6隐藏的div背景图像直到悬停才显示

Question

我有一个菜单，里面有图标链接。直到我将鼠标悬停在它上面时，图标才会显示。图标设置为背景图像。

当我在小提琴手中看到图片的请求只有在我将鼠标悬停在链接上时才会发生

HTML：

<div style="display:none" id="menu"> 
<a href="test.htm"><span class="wicon"/>Test</a> 
</div> 

CSS：

.wicon { 
background:url('icons.png') no-repeat; 
width:17px; 
height:16px; 
display:inline-block; 
vertical-align:text-top; 
}

Answer 1

我不确定这是否解决了问题，但您的span标记格式不正确。它不是一个自动关闭的标签，它应该像这样关闭：

<span class="wicon">Test</span>

另外，你有IE6的png javascript修复？ （以启用png的透明度）这可能是问题的原因。如果您这样做，请尝试为此特定图标禁用它。

如果没有，我猜你的代码中有一些javascript来显示链接，因为它包含在一个隐藏的div中。你可以发布代码吗？