<p>現在、CSS の「スーパー ドロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、さまざまな種類のコンテンツが含まれています。 </p> <p>現在、<strong> CSS 3 トランジション効果は「display」属性には適用されないようです</strong> つまり、<code>display: none</ からトランジションする方法はありません。 code> から < code>display: block</code> (または任意の組み合わせ)。 </p> <p>上の例で、誰かが一番上のメニュー項目の上にマウスを置いたときに、第 2 レベルのメニューを「フェードイン」させる方法はありますか? </p> <p><code>visibility:</code> 属性でトランジション効果を使用できることは知っていますが、それを効果的に使用する方法がわかりません。 </p> <p>高さの使用も試しましたが、結果はひどいものでした。 </p> <p>これは JavaScript を使用して簡単に実現できることも知っていますが、CSS だけを使用することに挑戦したかったのですが、少し理解が及んでいないように感じました。 </p>