Question

我正在通过jquery向div和图形应用一些漂亮但基本的动画，并使用2d转换插件来执行它，这应该是访问IE的Matrix过滤器以完成其他浏览器自然做的事情。我的问题是，在动画调用之后，一旦操作了矩阵过滤器，就会忽略通过样式表设置的先前css或通过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中，是：left:'+=70'和top:'-=25'的位置不是从top:17px;和left:10px;的css展示位置开始的样式表，最后是left:91px和top:-9px;。

该元素具有布局，它被定位（尝试相对和绝对）并且我尝试在顶部和左侧使用!important声明但是没有成功。

我看到变换作为内联样式应用于iE8的其他开发人员工具，所以我试图找出如何告诉IE ....把这个元素放在这里，并从该位置动画“

我似乎无法弄清楚如何设置css定位，以便IE可以很好地播放动画。

Answer 1

您可能需要查看IE Transform Translator。

Answer 2

也许Dx Dy帮忙 http://msdn.microsoft.com/en-us/library/ms533014(VS.85,loband).aspx

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

2 个答案: