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

Question

我在li标签下有一个图像标签，我已经使用background属性添加了图像，在IE8，FF和chrome中，图像中出现了意外图标。

HTML：

<img class="accordionDown">

CSS：

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

Answer 1

请更改为<img class="accordionDown" src="Path To Image" >

Answer 2

使用span代替image ，

并添加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;
}