IE：矩阵转换通过jQuery和css

我正在应用一些漂亮，但基本的动画div和图形通过jquery和使用2d转换插件做它应该是访问IE的矩阵过滤器来完成其他浏览器自然会做什么。我的问题是，在动画调用之后，一旦矩阵过滤器被操作，将忽略之前通过样式表设置的CSS或通过jQuery/javascript隐式设置的CSS。IE：矩阵转换通过jQuery和css

的IE显影剂杆完成的动画之后揭示dev的屏幕上的图像在这条线：

progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand'); ZOOM: 1; TOP: 0px; LEFT: 0px

（即top:0和left:0应该说left:91px;和top:-9px;像它在FF和Safari）

我在此之前只是jQuery是：

function stage2() { 
    $("#cs_content2ClipStage3").animate({left:-355},200, function() { 
    $('#cs_zoomGhost').animate({ 
    scale:.56, 
    left:'+=70', 
    top:'-=25'},500, function() { 
     //replaceZoom technique for piechart 
     $("#cs_stage3HiddenPie").animate({scale:0},500, function() { 
     $('#pieChart').attr('src','images/pieChart2.gif'); 
     $('#cs_stage3HiddenPie').animate({scale:.75}, 200);}); 

    $('#cs_stage3HiddenPie').show(); 
    $('#cs_stage2ArrowGrow').show(); 
    $('#cs_stage3HiddenPie').animate({scale:.8}, 500, function() { 
    $('#arrowGrow').attr('src','images/arrowGrow2.gif'); 
    }); 
    }); 
    $("#stateGraphic").attr('src', 'images/state2_4stage.gif'); 
    } 
)};

所以这个问题，只能在IE中，是left:'+=70'和top:'-=25'的位置不是从经过样式表设置的top:17px;和left:10px;的css布局开始，最后在left:91px和top:-9px;处结束。

元素有布局，它的位置（试过相对和绝对），我试过在顶部和左侧使用!important声明，但没有成功。

我看到该转换是作为内嵌样式与iE8的其他开发工具一起使用的，所以我想弄清楚如何告诉IE ....把这个元素放在这里，并从该放置动画“

我似乎无法弄清楚如何设置CSS定位，使IE浏览器将与动画发挥很好。

来源

2010-11-08 kelly johnson

IE：矩阵转换通过jQuery和css

回答

相关问题