IE9 で効果的な CSS3 ローテーションを実現するにはどうすればよいですか?

IE9 での CSS3 変換

Web 開発の領域では、要素を回転する必要がよくあります。 CSS3 では「transform:rotate;」が提供されます。

あるユーザーは最近この問題に直面し、IE9 の「transform」プロパティの透明性と無効性を経験しました。彼らは、このブラウザで要素を効果的に回転させる解決策を模索しました。

この問題に対処するには、標準の CSS3 回転が IE9 で機能する必要があることに注意することが重要です。ただし、互換性を確保するために、ベンダー プレフィックスを使用することをお勧めします。次のコードは機能するはずです:

-ms-transform: rotate(10deg);

さらに、IE の以前のバージョンで使用されていた IE 固有のフィルター プロパティ (例: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3);") は、 IE9 では廃止されました。

IE9 の互換性をさらに強化するには、古いバージョンの IE での標準 CSS 変換のサポートを実装する CSS Sandpaper の使用を検討してください。これにより、次のコードを利用できるようになります:

-sand-transform: rotate(10deg);

このハックは、古いフィルター構文に依存せずに、IE 6/7/8 での回転を効果的にサポートします。 css3please.com や caniuse.com などのリソースを参照して、ブラウザ間での互換性と CSS3 機能の最新情報を確認してください。

以上がIE9 で効果的な CSS3 ローテーションを実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。