image - ブートストラップを使用した IE7 でボタン画像が表示されない

Question

私は多くの場所でこの問題を抱えています。これが1つです：

<button type="button" name="remove_subnmc" class="btn"><img src="/static/img/delete.png"/></button>

IE7 では、ボタンは単に空として表示されます。他のすべてのブラウザでは問題なく表示されます。

class="btn" がないと、さらに悪くなります。

私はDjangoを使用していますが、関連性がないと思うのでタグ付けしていません。

Answer 1

ボタンの幅を手動で設定すると、ボタンが既に表示されていた正確な幅を選択した場合でも、これを修正できます。

興味深いことに、ボタンをまったく変更せずに、画像またはボタンのいずれかで少なくとも画像サイズの最小幅を設定すると、これも修正されます。それよりも小さいと、それに応じて画像が縮小されます。この場合、すべてのボタンに 16 ピクセルの画像があり、すべてのボタンの幅が少なくともこの幅であるため、IE7 ですべてのボタンに適用される一般的な最小幅は許容できるソリューションです。

ただし、場合によっては、より広いボタン イメージを追加したい場合は、IE7 だけに特定の例外を作成する必要があるため、より洗練されたソリューションを知っている人がいれば、ぜひ聞いてみたいと思います。