0

以下のコーディングは、Web ページのボタンに背景画像を追加する方法です。IE9、Firefox、および Chrome で動作します。

   <td>
   <input id="btn1" style="width: 25px; height: 25px; background-image: url('images/refresh.png'); background-repeat: no-repeat;" type="button" onclick="Get()"/>  
   </td>

しかし、IE6を使用すると、画像が表示されません。ただの空のボタン。

IE6だけでなくIE9にも表示されるボタンに画像を配置する方法を知っていますか?

4

2 に答える 2

1

使用できます<input type='image'>画像を送信ボタンとして定義します。

于 2013-05-07T04:00:41.677 に答える
0

使用できます<input type="image" src="">。IE やその他のブラウザで問題なく動作します。

これは W3C 勧告です。

「画像ボタンの状態は、ユーザーが座標を選択してフォームを送信できる画像、またはユーザーがフォームを送信できるボタンのいずれかを表します。要素はボタン、具体的には送信ボタンです。」

または、このハックを使用できます (つまり、入力画像を使用することをお勧めします)。

<div class="button"><input type="submit" name="" value=""></div>

そしてCSSファイル：

div.button input {
    background:url(/images/Btn.PNG) no-repeat;
    cursor:pointer;
    width: 200px;
    height: 100px;
    border: none;
}

最後の推奨事項のソースは次のとおりです。Stack Overflow :)

于 2013-05-07T04:13:31.507 に答える