按钮图像在IE7中没有显示带引导程序

时间:2013-04-23 00:05:48

标签: image button twitter-bootstrap internet-explorer-7

我在很多地方遇到过这个问题。这是一个:

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

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

如果没有class =“btn”,它看起来会更糟。

我正在使用Django,但我不认为这是相关的,所以我没有标记它。

1 个答案:

答案 0 :(得分:0)

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

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

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