Tôi đang tìm giải pháp CSS để xoay các phần tử trong IE8. Một số giải pháp tôi đã tìm thấy nói rằng nó sẽ làm việc trong IE8, nhưng nó không cho tôi. Tôi đã làm gì sai?Xoay CSS IE8
Đây là những gì tôi đã cố gắng:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.rotate {
font-weight: bold;color: #000;background: #aa0;display: block;margin: 0 auto;width: 300px;height: 300px;top: 10%;text-align: center;line-height: 300px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>
</head>
<body>
<div class="rotate">
TESTING ROTATION
</div>
</body>
</html>
tôi sẽ đánh giá cao nếu bạn kiểm tra giải pháp của bạn trước khi trả lời, và nó sẽ là tuyệt vời ir bạn chỉ có thể chỉnh sửa ví dụ đã cho tôi và repost tất cả các mã.
[EDIT] Nếu bất kỳ ai vẫn tò mò thì vấn đề không phải là mã, mà là môi trường thử nghiệm. Bạn nên sử dụng IE8 thật, nhưng không IE8 giả lập trong IE10/IE11 (không chắc chắn về IE9)
có thể trùng lặp: http://stackoverflow.com/questions/4617220/css-rotate-property-in-ie – tborychowski