Jquery旋转IE6问题

时间:2011-04-21 17:31:54

标签: jquery internet-explorer-6 jquery-rotate

目前我正在使用jquery旋转插件来旋转页面上的图像,一切都可以在我这边的所有浏览器中正常工作。问题是我们的qa部门。正在看他们的ie6 vm并且他们没有看到在页面上旋转的图像(实际上他们看到图像一瞬间然后它消失了。我们的vm的主要区别在于他们正在使用ie6 6.0.290和我正在使用2.0.260。我只是试图从某人那里了解他们是否可能看到我的代码有问题或者提出建议。这是我的jquery:

$(window).load(function () {
    $('#main-image img').rotate(90);
    $('#main-image .rvml').css({ 'margin': '-65px 0 0 -105px' });

    if ($('.ie6, .ie7').length) {
        $('#main-image .photo').css({ 'overflow': 'hidden', 'height': '240px' });
        $('#main-image .rvml').css('position', 'relative');
    }

    if ($('.ie6, .ie7, .ie8').length) {
        $('#main-image img').css('visibility', 'visible');
    } else {
        $('#main-image img').fadeIn('fast');
    }
});

这里也是我一直在使用的插件:http://code.google.com/p/jqueryrotate/

1 个答案:

答案 0 :(得分:3)

由于您将图像旋转了90度,因此可以使用DXImageTransform.Microsoft.BasicImage旋转属性。

http://msdn.microsoft.com/en-us/library/ms532918(v=vs.85).aspx

#main-image img { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }