显示“alt”文本时的Internet Explorer img宽度

时间:2014-02-12 12:14:58

标签: html css internet-explorer

我创建了以下jsfiddle作为示例,以显示我在IE中看到的问题。在IE中,如果<img>标记具有无效的src,则基于alt属性(以某种方式)计算宽度。在其他浏览器中,情况似乎并非如此。

http://jsfiddle.net/DLrHL/2/

检查来自多个浏览器,Chrome,FF,IE,Safari - Chrome,FF&amp; Safari的行为都相同 - imgalt标记的大小不同,而后者的大小不同。但是IE会根据img的长度来显着改变alt的宽度。

有什么方法可以让IE的行为像其他浏览器一样? (至少在这方面)

修改

我想要的是,如果图像可用,它应该使用我在css&amp;中指定的高度。自动设置宽度。如果图像不可用,我不关心高度,但宽度应该是替代文字所需的宽度。

1 个答案:

答案 0 :(得分:0)

如果您事先知道图像的大小,那么您可以使用IE指定图像的宽度,为我解决问题。

我改变了这样的宽度:

img {
    width: 128px; /* the width has been specified */
    height: 128px;
    border: 1px solid rgb(204, 204, 204);
}

链接到jsfiddle:http://jsfiddle.net/DLrHL/3/