「a」要素がdisplay:blockに設定されていることを除いて、古典的な「ul li」ベースに基づいて構築された(ちょっと実験的な)メニューを構築して、正確な位置とサイズを有効にします。一部の transform:rotate も表示されますが、これは次の動作には影響しません:
Webkit 以外のすべてのブラウザは、ここにすべてのメニュー項目を同じように (正しく) 表示します。ただし、Webkit は子アイテム (「アイテム 2a」、「アイテム 2b」、「アイテム 3a」、...) を非表示にします。リンクが表示されるはずの領域にカーソルを置いているときにカーソルが変化すると、リンクは明らかに存在しますが、表示されません。奇妙なことに、これらの非表示要素のサイズを、指定されたスペース (親 LI の高さ) とわずかに重なるように設定すると、それらが表示されます ( here )
ここで何が起こっているか知っていますか?
ありがとう。