【问题标题】:jquery: 2d transform (scaling images) plugin and IEjquery:2d 变换(缩放图像)插件和 IE
【发布时间】: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+ 在使用缩放效果时保持元素/图像的位置吗?

【问题讨论】:

    标签: jquery 2d transform


    【解决方案1】:

    更新: 1.需要使用jquery 1.4.2和biggie... 2. 将项目(在本例中为图像)包装在 div 中,并改为定位 div/container。金色。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-11-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-09
      • 2011-02-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多