Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

Linda Hamilton
Freigeben: 2024-11-10 11:39:02
Original
452 Leute haben es durchsucht

How to Rotate Elements in IE9 Using CSS3 Transform: rotate; ?

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);
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage