Javascript 不需要的图标出现在IE8中的图像上

我在li标签下有一个图像标签，我使用background属性添加了图像，在IE8中的图像上有一个意外图标，在FF和chrome中效果良好

HTML:

---

请切换到

使用

span

代替

图像

并将

width

和

overflow:hidden

添加到类中

.accordionDown {
    background: url('../images/accordian_down.png') no-repeat #E5E4E2;
    height: 35px;
    width:35px;/* add width */
    overflow:hidden;/* add overflow */
    border: 0;
    display: inline-block;
    float:left;
}

---

可能是因为您使用了不带src属性的img标记。这也很愚蠢，尤其是如果你通过css设置背景图像的话。是的，想想slash197注释。您可以有另一个标记，比如div……为什么不使用image标记的src属性呢？像这样：@slash197如果我在上面的代码中使用src属性，Jquery的一致功能就不起作用，这就是我在这里的原因。我得到了所有意想不到的结果，它没有解决我的问题，如果我在上面的代码中使用src属性，Jquery的一致功能不起作用。你能在

fiddle

上做一个在线演示吗？它有点复杂，我会尝试所有建议的解决方案，并标记为答案。谢谢你的帮助

.accordionDown {
    background: url('../images/accordian_down.png') no-repeat #E5E4E2;
    height: 35px;
    border: 0;
    display: inline-block;
    float:left;
}

.accordionDown {
    background: url('../images/accordian_down.png') no-repeat #E5E4E2;
    height: 35px;
    width:35px;/* add width */
    overflow:hidden;/* add overflow */
    border: 0;
    display: inline-block;
    float:left;
}