無法在非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瀏覽器上看到圖片

回答

相關問題