jQuery 1.4动态创建的图像纵横比在IE8和最大宽度中不正确

jQuery 1.4动态创建的图像纵横比在IE8和最大宽度中不正确,jquery,internet-explorer-8,jquery-1.4,Jquery,Internet Explorer 8,Jquery 1.4,升级到jQuery1.4后,当我尝试使用IE8中的jQuery1.4向页面动态添加图像时,图像将丢失正确的纵横比。这似乎只影响IE8(IE7和Firefox工作正常)和jQuery1.4(1.3.2工作正常)。包含jQuery兼容性文件并不能解决这个问题 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

升级到jQuery1.4后,当我尝试使用IE8中的jQuery1.4向页面动态添加图像时,图像将丢失正确的纵横比。这似乎只影响IE8(IE7和Firefox工作正常)和jQuery1.4(1.3.2工作正常)。包含jQuery兼容性文件并不能解决这个问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" language="javascript"
        type="text/javascript"></script>
    <!-- Switching to 1.3.2 fixes the problem -->
    <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" language="javascript"
        type="text/javascript"></script>-->
    <script type="text/javascript">
        $(document).ready(function() {
            var dynImg = $('<img></img>').attr('src', 'http://www.google.com/intl/en_ALL/images/logo.gif');
            $('body').append(dynImg);
        });
    </script>
    <style type="text/css">
        img
        {
            max-width: 5em;
        }
    </style>
</head>
<body></body></html>

$(文档).ready(函数(){
变量dynImg=$('
img
{
最大宽度:5em;
}

设置CSS
缩放
属性:

img {
    zoom: 100%;
}

这并没有解决我的问题。