-webkit-transform không hoạt động trong Internet Explorer

Question

Tôi đã tìm thấy rằng -webkit-transform: rotateZ(10deg); không hoạt động trong Internet Explorer 9. Bạn có thể sử dụng điều gì thay vì sử dụng CSS3?

Answer 1

Bạn đã thử -ms-transform:rotateZ(10deg); chưa?

Vì -webkit cũng là tiền tố dành riêng cho nhà cung cấp, bạn cũng sẽ phải thêm tiền tố đó cho các trình duyệt không phải là webkit.

(như -ms, -moz, -o)

Check-out này CSS3 Transforms 3D Hướng dẫn để biết thêm: http://www.pageresource.com/css3/3d-transforms-tutorial/

Answer 2

biến đổi 3D không làm việc trong IE9. Mặc dù vậy, IE10 hỗ trợ chúng.

Dưới đây là một biểu đồ của các trình duyệt hỗ trợ: http://caniuse.com/transforms3d

Answer 3

bạn có thể sử dụng 2D biến trong ie9 - ví dụ:

-ms-transform: rotate(25deg);