【CSS】純CSS另類思路代替display、visibility解決子菜單延遲消失

  在設計子菜單時候，需要實現當鼠標移動到菜單時候，子菜單顯示，否則子菜單都處於隱藏狀態。實現這個功能使用js的話很簡單實現，但是我想用純CSS，使用純CSS的話，就會遇到鼠標移開菜單後，子菜單就馬上消失了（display：noe或者visibility：hidden），就鼠標還沒移動到子菜單部分，子菜單就消失了，無法操作到子菜單。如下圖的：當鼠標移動到A時候，B子菜單出現，且B子菜單有足夠的顯示

>>阅读原文<<