按鈕圖像不在IE7中顯示與引導

Question

我在許多地方都有這個問題。這裏是一個：

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

該按鈕在IE7中顯示爲空。在所有其他瀏覽器中看起來都很好。

沒有class =「btn」它看起來更糟。

我正在使用Django，但我不認爲這是相關的，所以我沒有標記它。

Answer 1

手動設置按鈕的寬度可以解決這個問題，即使您選擇按鈕已經顯示的確切寬度。

有趣的是，在圖像或按鈕上至少設置圖像大小的最小寬度，而不改變按鈕也可以解決這個問題。任何小於此值的圖像都會相應地縮小。在這種情況下，我的所有按鈕都有16像素的圖像，並且我的所有按鈕都至少有這麼寬，所以在IE7中適用於我所有按鈕的通用最小寬度是可接受的解決方案。但是，如果我想在某些情況下添加更寬的按鈕圖像，則需要爲IE7創建特定的例外，因此如果有人知道更優雅的解決方案，我很樂意聽到它。