javascript – Internet Explorer自动将高度和宽度属性添加到新附加的图像

前端之家收集整理的这篇文章主要介绍了javascript – Internet Explorer自动将高度和宽度属性添加到新附加的图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在DOM被加载之后,我附加了一个新创建的映像:
var i = $('<img/>');
i[0].src = 'http://placehold.it/700x300';
i.attr('alt','');
i.on('load',function() {
    $('body').append(i);            
});

我为CSS中的图像设置了一个固定的高度:

img {
    height: 150px;
}

不幸的是,Internet Explorer将width和height属性添加到图像中,从而使其严重失真.我该如何防止这种情况?添加元素后,是否必须手动删除属性

jsFiddle link

解决方法

尝试这个:
img {
    height: 150px;
    width: auto;
}

猜你在找的JavaScript相关文章