1

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;
     }

画像を参照してください:

ここに画像の説明を入力

4

1 に答える 1

1

イメージタグの src="" 属性が空のため、「編集」と表示されています。したがって、代替 (alt=) テキストが表示されます。

background-image は文字どおり背景にあるため、

不正な空の 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 属性を削除します。

于 2012-09-07T12:08:42.727 に答える