无法在非IE浏览器上看到图片

我们有一个网页，点击“添加更多”链接为我提供了一个输入框以及一个名为“delImg”的“删除”按钮图像。点击“addMore”链接，我可以在IE浏览器上添加一个文本框和删除图像。但同样的事情不适用于Mozilla/Chrome。我只能看到文本框，删除按钮根本不可见。无法在非IE浏览器上看到图片

任何人都可以告诉我什么是非IE浏览器的问题。

对IE的CSS文件CSS代码： - 非IE CSS文件

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

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>"); 

    }

请帮助。

来源

2014-11-21 user2326831

你确定图像路径？我可以看到diff路径 background：url（../../ img/icons/icn_Delete.png）no-repeat; }和 background：url（../ img/icons/icn_Delete.png）no-repeat; } – vinayakj 2014-11-21 07:13:39

请检查你的图像路径在这两个CSS他们是不同的 – Uiupdates 2014-11-21 07:58:22

这就是我们如何在非IE浏览器的其他图像副本。通过添加下面的评论来解决问题：display：inline-block; – user2326831 2014-11-21 14:19:19

跨度通常会显示“内联”由于跨度内没有文本，这意味着它将不会在用户界面上占用空间。所以没有空间来显示图像。将跨度显示更改为内嵌块。

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

来源

2014-11-21 08:04:30 user3589536

@ user3589536 非常感谢。你节省了我的时间:) – user2326831 2014-11-21 14:18:37

无法在非IE浏览器上看到图片

回答

相关问题