CSS旋转IE7和8 [英] CSS Rotate IE7 and 8

问题描述

我要问另一个问题：

因此，CSS Rotate在ie9中工作，但是在以前的版本中获取旋转工作将是死亡

So, CSS Rotate works in ie9 but getting a rotate to work in a previous version is going to be the death of me!

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

这行代码将元素旋转90度，但与其他浏览器具有相同的原点。如果元素太靠近页面的一侧，则可能会向外旋转。

This line of code rotates elements by 90 degrees, but around the same origin as the other browsers. If the element is too close to the side of the page, it might be rotated to the outside. Microsoft's IE docs do not make it clear how to set transform origins.

我的完整代码是：

#quick {
    position:fixed;
    top:250px;
    left:-158px;
}
#qmenu-wrapper {
    background-image: url(../images/img_08.png);
    background-repeat:repeat-x;
    height: 35px;
    width:350px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}

我们可以做些什么来使IE 7和8以与9相同的方式处理旋转？

Is there something we can do to make IE 7 and 8 handle rotations in the same way as 9?

感谢。

b

推荐答案

IE5.5，IE6，IE7和IE8支持 filter：progid：DXImageTransform.Microsoft.BasicImage（rotation = 1）;
IE5不支持它！

IE5.5, IE6, IE7 and IE8 are supporting filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); IE5 don't support it!

源

使用DX过滤器更改旋转原点使用矩阵过滤器更改位置的元素。您可以在一个元素上有多个过滤器。你需要做一点数学。祝你好运！

To change rotation origin using DX Filters just use Matrix filter to change the position of your element. You can have multiple filters on one element. You need to do a little math. Good luck with that!

这篇关于CSS旋转IE7和8的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！