【发布时间】:2010-10-13 16:39:02
【问题描述】:
除了 IE7 之外,以下 sn-p 可以在任何需要的地方工作:
//Assess Stage 1
function stage1() {
$("#prevBtn").hide();
$('#cs_contentToSlide').animate({
left:0},200, function() {
$("#cs_house").fadeTo(10,1);
$("#cs_social").fadeTo(10,.3);
$("#cs_pie").fadeTo(10,.3);
$("#cs_house").animate({scale: '1.1'});
$("#cs_house").fadeTo(10,1);
$("#stateGraphic").attr('src', 'images/state1_3stage.gif');
})};
我正在使用 2d 变换插件从图像的中心点实际缩放图像本身,这看起来比左上角的默认值要好得多。
问题在于,被缩放的图像的位置不会保持不变。如果我注释掉这一行:$("#cs_house").animate({scale: '1.1'});,那么 CSS 就可以工作了。
我已经在 css 中设置了绝对位置和顶部/左侧值,但也尝试在此函数中使用:$("#cs_house").css({'top':'36','left':'230'});,如果我删除缩放线,它可以在 IE 中正常工作。
我的问题是:有人知道如何让 IE7+ 在使用缩放效果时保持元素/图像的位置吗?
【问题讨论】: