Ich verwende die CSS3-Regel "rotate", um einen div enthaltenden Text zu drehen. Sie können die Seite hier sehen: Ссылка . Ich suche nach Cross-Browser-Unterstützung für die Rotation der div ; Diese CSS3-Regel funktioniert jedoch nicht mit IE. Gibt es eine jQuery-Option oder eine andere JavaScript-Lösung, die das gleiche Ergebnis mit browserübergreifender Kompatibilität liefert?
Sandpaper , Sie kann diese CSS-Regel verwenden:
%Vor%Und es wird in jedem Browser funktionieren - sogar im IE.
Wenn Sie wollen, dass CSS-Rotationen mit alten Versionen von IE kompatibel sind, gibt es eine
filter progid:DXImageTransform.Microsoft.Matrix dafür, aber es kann nur einmal angewendet werden und viele Berechnungen sind beteiligt, wenn Sie die endgültige Matrix berechnen.
Ich würde Raphael und Cufon für diese Art von Dingen benutzen, obwohl Sie beim Drehen rotieren müssen, weil Sie Raphaels print anstelle von Cuffs replace verwenden müssen. So sind die Schriften Vektoren und die Rotationen werden rein geometrisch behandelt.
Aktuelle Probleme mit css-rotate gehen über die browserübergreifende Kompatibilität hinaus - in den Browsern, die dies unterstützen, sehen die Ergebnisse oft wie Mist aus. Ihre Website in meinem Firefox 3.6 sieht wie ein Alias-Mischmasch auf unebenen Basislinien aus. Ich weiß, dass Sie eine spezielle Frage gestellt haben, die ich mein Bestes gegeben habe, um Ihnen zu antworten, aber mein Rat an Sie ist, den Overhead von js-Bibliotheken für das, was Sie hier erreichen wollen, wegzulassen und einfach mit einem qualitativ hochwertigen Bild zu gehen. Sie haben bereits Bandbreite in das Hintergrundbild "hängenden Tags" investiert, so dass die Kosten für das Hinzufügen von Text zu diesem Bild minimal sind, während die Kosten ganz neuer js-Bibliotheken, die das Problem der Textrotation für Sie richtig behandeln, ziemlich hoch sind. Nicht die innovativste Lösung, ich gebe dir ... aber das ist, wo wir heute sind.