So drehen Sie Elemente in IE9 mit CSS3 Transform: rotation; ?

CSS3 drehen: drehen; Transformieren in IE9

Beim Versuch, CSS3-Eigenschaften in verschiedenen Browsern zu verwenden, kommt es häufig zu Kompatibilitätsproblemen. Ein solches Problem tritt auf, wenn versucht wird, Elemente in Internet Explorer 9 (IE9) mithilfe der CSS3-Transformation zu drehen: rotation; Eigenschaft.

IE9 unterstützt die CSS3-Transformationseigenschaft nicht nativ, wie dies bei IE7 und IE8 der Fall war, die die Filtereigenschaft verwendeten. Allerdings kann ein Herstellerpräfix verwendet werden, um diese Einschränkung zu überwinden.

Um ein Element in IE9 mit CSS3 zu drehen, verwenden Sie die folgende Syntax:

-ms-transform: rotate(10deg);

Das Präfix „-ms-“ bedeutet dass der Stil für Microsoft-basierte Browser wie IE9 gedacht ist.

Beachten Sie, dass die Anwendung von transform: rotation; auf ein Element ohne das Herstellerpräfix kann dazu führen, dass das Element in IE9 transparent wird. Darüber hinaus ist die Filtereigenschaft in IE9 veraltet und sollte nicht verwendet werden.

Weitere Ressourcen finden Sie unter den folgenden Links:

• http://css3please.com/: Ein Testgelände für verschiedene CSS3-Funktionen in allen Browsern.
• www.canIuse.com/#search=rotation: Eine Tabelle, die die Browserunterstützung für verschiedene CSS-Funktionen, einschließlich Rotation, zusammenfasst.
• CSS Sandpaper: Ein Hack, der die Unterstützung für Standard-CSS-Transformationen in alten IE-Versionen ermöglicht.

Durch die Verwendung der oben beschriebenen Techniken ist es möglich, eine Elementrotation in IE9 mithilfe von CSS3-Transformationen zu erreichen und so die browserübergreifende Kompatibilität und Aufrechterhaltung sicherzustellen die gewünschte Designästhetik.

Das obige ist der detaillierte Inhalt vonSo drehen Sie Elemente in IE9 mit CSS3 Transform: rotation; ?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!