2011-07-26 70 views
6

我此刻什麼就有什麼的,即過濾器,如果任何對CSS3歪斜

-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

-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'); 

爲如果skewX過濾器( - 45deg)爲ie7或ie8?

在此先感謝!

我已經下載了一個精緻的jQuery插件從github.com/heygrady/transform但寧願正好處於過濾器在只有IE樣式表

回答

11

我得到了來自CSS3以下轉換翻譯當我加入這個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; 

} 
+0

完美非常感謝,救了我的沮喪即!!!!!! – webestdesigns

+0

很高興我能幫忙! –