image - 带有引导程序的 IE7 中未显示按钮图像

Question

我在很多地方都有这个问题。这是一个：

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

该按钮在 IE7 中仅显示为空。在所有其他浏览器中看起来都很好。

没有 class="btn" 它看起来更糟。

我正在使用 Django，但我认为这无关紧要，所以我没有标记它。

Answer 1

手动设置按钮的宽度可以解决此问题，即使您选择了按钮已经显示的确切宽度。

有趣的是，在图像或按钮上设置至少图像大小的最小宽度，同时根本不更改按钮，也可以解决此问题。任何小于该值的图像都会相应地缩小。在这种情况下，我所有的按钮都有 16px 的图像，并且我的所有按钮都至少有这么宽，所以在 IE7 中应用到我所有按钮的一般最小宽度是一个可以接受的解决方案。

但是，如果我想在某些情况下添加更宽的按钮图像，我需要为 IE7 设置特定的例外，所以如果有人知道更优雅的解决方案，我很想听听。