即使在实现过滤器后，css transform rotate 在 ie8 中也不起作用

Question

我想实现 transform:rotate(310deg) 但它在 IE8 中不起作用。我最近读到过滤器将在 IE8 中起作用但是此代码在 IE8 中无法正常运行。请为 css 建议一个合适的 polyfill。

.ai:after{font-style:normal;font-weight:normal;text-decoration:inherit;margin-left:9px;color:#000000;color:rgba(0,0,0,0);
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand');
        -moz-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);
        -webkit-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);
        -o-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);
    transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);
    border-style: solid;
    border-width: 1px;
    border-color: transparent #fff #fff transparent;content:"";height:8px;right:1px;top:-3px;width:8px;display:inline-block;margin-top:-8px;position:relative;}

Answer 1

要在 IE 中旋转 45 度，您需要在样式表中添加以下代码:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */

详情请看这里:

https://stackoverflow.com/a/4617511/2161568