CSS3 変換が機能しない: Chrome および Safari での変換の問題のトラブルシューティング
CSS3 変換プロパティをメニュー項目に適用したにもかかわらず、問題が発生しましたChrome と Safari では同じコードが機能しますが、Firefox でも同じコードが機能します。以下に確認すべき一般的な落とし穴をいくつか示します。
表示プロパティの競合:
- メニュー項目の CSS に、ブロックまたはブロックに設定された表示プロパティが含まれていることを確認してください。インラインブロック。このプロパティがないと、変換が正しく適用されない可能性があります。
Transform プロパティ アプリケーション:
- CSS3 変換ルールを適用するように CSS を変更することを検討してください。 a 要素の代わりに li 要素に追加します。これにより、継承または特異性の競合に関する問題が解決される可能性があります。
追加の注意事項:
- Internet Explorer は CSS3 変換プロパティをサポートしていません。
- 上記の提案によって問題が解決しない場合は、さらなる分析とトラブルシューティングの支援のために、より完全なコード サンプル (HTML および CSS) を提供する必要があります。
以上がCSS3 変換が Chrome と Safari で機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。