Question

我正在尝试使用变换在y轴上旋转div，但在I.E中不支持，所以我使用过滤器如下

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

但我仍然不能在y轴上旋转..有谁可以帮我找到一种方法在I.E中旋转它..这里是代码

$("#click").click(function() {
            $('div').animate({
                borderSpacing: -90
            }, {
                step: function(angle, fx) {
                    $(this).css('-webkit-transform', 'rotateY(' + angle + 'deg)');
                    $(this).css('-moz-transform', 'rotateY(' + angle + 'deg)');
                    $(this).css('transform', 'rotateY(' + angle + 'deg)');
                },
                duration: 'slow'
            }, 'linear');
        });

Answer 1

看起来您正试图围绕Y轴旋转，这是一个3D变换。不幸的是，progid:DXImageTransform.Microsoft.BasicImage（和progid:DXImageTransform.Microsoft.Matrix就此而言）不支持3D转换。

您的代码应该在IE 10及更高版本中运行，但您可能需要在步骤函数中为“-ms-transform”添加额外的css行。

我希望我可以链接到有关IE中3D转换的文档，但我自己发现它很少。

在I.E中在y轴上旋转div

1 个答案: