CSS3 を使用して IE9 で要素を回転する方法?

CSS3 回転: 回転; IE9 での変換

異なるブラウザ間で CSS3 プロパティを使用しようとすると、互換性の問題に直面するのが一般的な問題です。このような問題の 1 つは、CSS3 変換を使用して Internet Explorer 9 (IE9) で要素を回転しようとすると発生します。 property.

IE9 は、IE7 および IE8 で filter プロパティを使用した場合とは異なり、CSS3 変換プロパティをネイティブにサポートしません。ただし、ベンダー プレフィックスを使用すると、この制限を克服できます。

CSS3 を使用して IE9 で要素を回転するには、次の構文を使用します。

-ms-transform: rotate(10deg);

「-ms-」プレフィックスは、次の意味を示します。このスタイルは、IE9 などの Microsoft ベースのブラウザーを対象としていることに注意してください。

transform:rotate; を適用することに注意してください。ベンダー プレフィックスのない要素を要素に追加すると、IE9 では要素が透明になる場合があります。さらに、フィルター プロパティは IE9 では非推奨になっているため、使用しないでください。

詳細なリソースについては、次のリンクを参照してください:

• http://css3please.com/:すべてのブラウザでのさまざまな CSS3 機能のテスト場。
• www.canIuse.com/#search=rotation: 回転を含むさまざまな CSS 機能のブラウザ サポートをまとめた表。
• CSS サンドペーパー:古いバージョンの IE での標準 CSS 変換のサポートを有効にするハック。

上記の手法を使用すると、CSS3 変換を使用して IE9 で要素の回転を実現し、ブラウザ間の互換性を確保し、維持することができます。望ましいデザイン美学。

以上がCSS3 を使用して IE9 で要素を回転する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。