Javascript 无法在非IE浏览器上查看图像

我们有一个网页，点击“添加更多链接”会为我提供一个输入框和一个名为“delImg”的删除按钮图像。单击addMore链接时，我成功地在IE浏览器上添加了一个文本框和删除图像。但同样的事情在Mozilla/Chrome上不起作用。我只能看到文本框，删除按钮根本不可见

谁能告诉我非IE浏览器有什么问题吗

IE CSS文件的CSS代码：-

span.delImg
{
height:25px;
width:17px;
margin-left: 10px;
margin-top: 1px;
background: url(../../img/icons/icn_Delete.png) no-repeat;
}

非IE CSS文件的CSS代码：-

span.delImg
{
height:25px;
width:17px;
margin-left: 10px;
margin-top: 1px;
background: url("../img/icons/icn_Delete.png") no-repeat;
}

Javascript代码：-

var addMore = function() {
var numAdd = $("#emails > div").length;
       if (numAdd >= 10)

    return;

$('#emails').append("<div> <input type='text' class='GMtradeSearch' size='80' /> <span class='delImg' onclick='deleteMail(this);'/></div>");

    }

---

请提供帮助。

跨距通常显示内联，因为跨距内没有文本，这意味着它不会占用用户界面上的空间。因此没有空间显示图像。将跨度的显示更改为内联块

span.delImg
{
height:25px;
width:17px;
margin-left: 10px;
margin-top: 1px;
background: url("image.png") no-repeat;
display:inline-block;
}

---

你确定图像路径吗？我可以看到不同路径背景：url.././img/icons/icn_Delete.png无重复；}和背景：url../img/icons/icn_Delete.png无重复；}请检查两个CSS中的图像路径，它们是不同的，这就是我们在非IE浏览器中对其他图像进行分析的方式。通过添加以下注释解决了该问题：display:inline block；@用户3589536非常感谢。你节省了我的时间：