Skip to content

Pure CSS cascading menus

Meyerweb
Multi-level cascading menus without JavaScript using the :hover pseudoproperty of CSS2. Doesn’t work in IE.

Here’s the foundation of this effect:

  li ul {display: none;}

  li:hover ul {display: block;}

Sprinkle a little positioning on top of that, so that the popout menus go where you want them, and you’re in business.