私には、Wordpress テーマに変換するように依頼された Web サイトをデザインしたクライアントがいます。その一部には、アイテムが 45 度回転したメニューが含まれており、重複しすぎて画像シリーズを作成できないため、CSS 変換を使用して各アイテムを回転させました。
IE9+、Firefox、または Safari ではまだデバッグしていませんが、Chrome では完全に動作しています。
http://storkanishdesigns.com/artistsites.storkanishdesigns.com/samanthaschmid/
私の質問は、これを IE8 以下と互換性を持たせるにはどうすればよいですか?
キッカーは次のとおりです。理想的には、Wordpress のメニュー クリエーターと統合したいと考えていますが、そのためには HTML を編集できません (WP が保存している場所からメニュー コードを呼び出すには、PHP を使用する必要があります)。代わりに、通常はソースを表示して、Wordpress が自動追加するクラスを特定し、それに CSS を適用する必要があります。
JS でローテーションを処理する方法はありますか? JS を使用して変換を適用し、必要に応じて HTML を変更する必要があります。誰かがその方法を教えてくれたら (私は JS の経験がほとんどないので、完全なコードが役立つことを覚えておいてください)、私は信じられないほど感謝しています。
PHP が Wordpress から呼び出すコードは、クラス "menu" を持つ順序付けられていないリストであり、それぞれ<li>にクラス "menu-item" があります。