IE:通过jquery和css进行矩阵转换
我正在通过jquery将一些漂亮但基本的动画应用到div和图形中,并使用2d transform插件来实现这一点,这应该是访问IE的矩阵过滤器来完成其他浏览器自然完成的工作。我的问题是,在一个动画调用之后,一旦操作了矩阵过滤器,通过样式表或通过jquery/javascript隐式设置的前一个css集就会被忽略 完成动画后,IE开发者栏会在开发人员屏幕的图像上显示这一行: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,
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有帮助
您可能想看一下