jQuery 1.4动态创建的图像纵横比在IE8和最大宽度中不正确
升级到jQuery1.4后,当我尝试使用IE8中的jQuery1.4向页面动态添加图像时,图像将丢失正确的纵横比。这似乎只影响IE8(IE7和Firefox工作正常)和jQuery1.4(1.3.2工作正常)。包含jQuery兼容性文件并不能解决这个问题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
<!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%;
}
这并没有解决我的问题。