SVGtransform:rotate() not working in ie9

Question

我在块级元素中使用svg>我尝试使用transformrotate（180deg）旋转该块。这在Firefox和chrome和IE Edge中工作正常。当我打开IE9时，它不起作用。如何解决此问题。

Answer 1

IE9 does not support transform: rotate(180deg) , you must add -ms prefix to make element transform.

Code Sample: https://jsfiddle.net/s8hdhurc/

<html>
        <head>
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <!-- This is important as -ms-rotate does not work in quirks mode -->
            <style>
                .rotate {
                    -ms-transform: rotate(180deg); /* IE 9 */
                    -webkit-transform: rotate(180deg); /* Safari */
                    transform: rotate(180deg);
                }
            </style>
        </head>
        <body>
            <div class="rotate">
                <img src="http://upload.wikimedia.org/wikipedia/commons/b/b0/NewTux.svg">
            </div>
        </body>
    </html>

SVGtransform:rotate() not working in ie9

Question

1 answers

solution1
0 2017-03-10 08:10:17

SVGtransform:rotate() not working in ie9

Question

1 answers

solution1 0 2017-03-10 08:10:17

solution1
0 2017-03-10 08:10:17