CSS不适用于Firefox

Question

在Chrome和其他浏览器中，这种方法很好，但在Firefox中却不行。 在Firefox中，它会显示“编辑”文本和图像。我只是想显示编辑图像。

HTML代码

<td align="center">
<a id="lnkEdit" class="RemoveDecoration" href="javascript:__doPostBack('lnkEdit','')">
<img id="imgEdit" class="EditImage" style="border-style:None;" alt="Edit" src="">
</a>
</td>

我的CSS：

.EditImage a{
    background-image:url(../Images/Edit.png) ;
    background-repeat:no-repeat;
    height:14px;
    width:13px;
    background-position:-20px -3px;
    border:none;
     }  .EditImage:hover {
    background-image:url(../Images/Edit.png) ;
    background-repeat:no-repeat;
    height:14px;
    width:14px;
    background-position  : -2px -2px;
    border:none;
     }

见图片：

Answer 1

显示“编辑”，因为图像标记的src =“”属性为空。所以它显示了备用（alt =）文本。

背景图像在背景中是照片，所以

坏空src =“”

<img id="imgEdit" class="EditImage" style="border-style:None;" alt="Edit" src="">

改为：

<img id="imgEdit" class="EditImage" style="border-style:None;" alt="Edit" src="../Images/Edit.png">

并删除CSS中的background-image属性