Tôi đang sử dụng quy tắc CSS3 "xoay" để xoay văn bản có chứa div. Bạn có thể xem trang tại đây: http://vitaminjdesign.com/v2/socialmedia.html. Tôi đang tìm kiếm sự hỗ trợ qua trình duyệt để quay số div; tuy nhiên, quy tắc CSS3 này sẽ không hoạt động trên IE. Có một tùy chọn jQuery hay một giải pháp JavaScript khác sẽ mang lại kết quả tương tự, với khả năng tương thích giữa các trình duyệt?Thay thế xoay CSS3?
Sử dụng Sandpaper, bạn có thể sử dụng quy tắc CSS này:
-sand-transform: rotate(90deg);
Và nó sẽ làm việc ở mọi trình duyệt - ngay cả trong IE.
Tôi muốn sử dụng Raphael và Cufon cho loại này, mặc dù bạn phải cuộn từ gói của riêng mình khi xoay vì bạn sẽ phải sử dụng số print của Raphael thay vì số replace của Cufon. Bằng cách đó các phông chữ là các vectơ và các phép quay được xử lý theo một cách hoàn toàn hình học.
Các vấn đề hiện tại với xoay vòng vượt quá khả năng tương thích của trình duyệt, mặc dù - trong các trình duyệt hỗ trợ nó, kết quả thường trông giống như crap. Trang web của bạn trong Firefox 3.6 của tôi trông giống như một mishmash bí danh trên các đường cơ sở không đồng đều. Tôi biết bạn đã hỏi một câu hỏi cụ thể, tôi đã cố hết sức để trả lời, nhưng lời khuyên của tôi với bạn là mương phí các thư viện js cho những gì bạn đang cố gắng thực hiện ở đây, và chỉ với một hình ảnh chất lượng cao. Bạn đã đầu tư băng thông vào hình ảnh nền "treo thẻ", vì vậy chi phí thêm văn bản vào hình ảnh đó là tối thiểu, trong khi chi phí của toàn bộ thư viện js mới để xử lý vấn đề xoay vòng văn bản cho bạn đúng sẽ khá cao. Không phải là giải pháp tiên tiến nhất, tôi sẽ cấp cho bạn ... nhưng đó là nơi chúng tôi hiện nay.
Tôi hoàn toàn đồng ý ... nhưng với mục đích SEO (từ một công ty thiết kế web) không phải là một lựa chọn. – JCHASE11
Nếu bạn muốn xoay css tương thích với phiên bản cũ của IE, có filter progid:DXImageTransform.Microsoft.Matrix cho điều đó nhưng nó chỉ có thể được áp dụng một lần và nhiều tính toán có liên quan khi bạn tính ma trận cuối cùng.
điều này có vẻ tốt. tôi sẽ thử nó và lấy lại cho bạn – JCHASE11
giống như css3, kết xuất của văn bản không mượt mà. Đây là lựa chọn tốt nhất của tôi, nhưng nó không phải là một lựa chọn tuyệt vời. – JCHASE11
không hoạt động tốt như vậy ... – JCHASE11