什么是过滤器，如果任何css3偏斜 [英] what is the ie filter if any for css3 skew

问题描述

我目前有

 -moz-transform: rotate(-45deg) skewX(-45deg);
  -ms-transform: rotate(-45deg) skew(-45deg,0deg);
  -webkit-transform:rotate(-45deg) skewX(-45deg) ;
  transform:rotate(-45deg) skewX(-45deg) ;

和旋转我到目前为止ltie8

and for the rotate I have so far for ltie8

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand');

是否有用于ie7或ie8的skewX（-45deg）过滤器？

is there a filter for skewX(-45deg) for ie7 or ie8?

提前感谢！

我已经从github.com/heygrady/transform下载了一个精致的jquery插件但更喜欢只是过滤器a只有样式表

I have downloaded a fine jquery plugin from github.com/heygrady/transform But would prefer just the filter in an ie only style sheet

推荐答案

当我添加这个文件时，我从 CSS3 Transforms Translator rotate（-45deg）skewX（-45deg）。

I got the following from the CSS3 Transforms Translator when I added this rotate(-45deg) skewX(-45deg).

更多此处： http://www.useragentman.com/IETransformsTranslator/

 /*
 * The following two rules are for IE only and
 * should be wrapped in conditional comments.
 * The -ms-filter rule should be on one line 
 * and always *before* the filter rule if
 * used in the same rule.
 */

#transformedObject {

   /* IE8+ - must be on one line, unfortunately */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0, M21=-0.7071067811865467, M22=1.4142135623730934, SizingMethod='auto expand')";

   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.7071067811865483,
            M12=0,
            M21=-0.7071067811865467,
            M22=1.4142135623730934,
            SizingMethod='auto expand');


   /*
    * To make the transform-origin be the middle of
    * the object.    Note: These numbers
    * are approximations.  For more accurate results,
    * use Internet Explorer with this tool.
    */
   margin-left: 29px; 
   margin-top: -96px;

}

这篇关于什么是过滤器，如果任何css3偏斜的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！