css - 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 属性