Question

我们有一个网页点击＆＃34;添加更多＆＃34;链接为我提供了一个输入框以及一个＆＃34;删除＆＃34;按钮图片，命名为＆＃39; delImg＆＃39;。点击＆＃34; addMore＆＃34;链接，我成功地能够在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>");

    }

请帮忙。

Answer 1

跨度通常显示为＆＃34;内联＆＃34;由于跨度内没有文本，这意味着它不会占用UI上的任何空间。因此没有空间来显示图像。将范围显示更改为内联块。

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

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

1 个答案: