IE:通过jquery和css进行矩阵转换

IE:通过jquery和css进行矩阵转换,jquery,css,internet-explorer,inline,Jquery,Css,Internet Explorer,Inline,我正在通过jquery将一些漂亮但基本的动画应用到div和图形中,并使用2d transform插件来实现这一点,这应该是访问IE的矩阵过滤器来完成其他浏览器自然完成的工作。我的问题是,在一个动画调用之后,一旦操作了矩阵过滤器,通过样式表或通过jquery/javascript隐式设置的前一个css集就会被忽略 完成动画后,IE开发者栏会在开发人员屏幕的图像上显示这一行: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0,

我正在通过jquery将一些漂亮但基本的动画应用到div和图形中,并使用2d transform插件来实现这一点,这应该是访问IE的矩阵过滤器来完成其他浏览器自然完成的工作。我的问题是,在一个动画调用之后,一旦操作了矩阵过滤器,通过样式表或通过jquery/javascript隐式设置的前一个css集就会被忽略

完成动画后,IE开发者栏会在开发人员屏幕的图像上显示这一行:

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中,问题在于:
左:'+=70'
top:'-=25'
的位置不是从
top:17px的css位置开始的
左:10px通过样式表设置,并在
左侧结束:91px
顶部:-9px

元素有布局,它是定位的(尝试了相对和绝对),我也尝试过使用
!重要信息
顶部和左侧的声明,但没有成功

我看到转换是作为一种内联样式应用于iE8的其他开发工具,所以我试图找出如何告诉IE。。。。将此元素放在此处,并从该位置设置动画“

我似乎不知道如何设置css定位,以便IE可以很好地播放动画。

也许Dx Dy有帮助

您可能想看一下