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

Question

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

当我在 fiddler 中看到对图像的请求仅在我将鼠标悬停在链接上时发生

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 中。能发一下代码吗？