css 权威 eric meyer 很早利用标准浏览器任意元素 :hover 伪状态实现了 纯 css 菜单 ,结构很好,但是没有说明 ie6 的妥协方案,其实现在也就需要对 ie6 妥协一下而已,近来想实用就写了段脚本修正了一下:
1. 利用 mouseover,修正 hover,以及动态添加类实现 ie6 子选择器问题。
2. ul,li,a 利用 zoom:1; 取得 hasLayout
3. 子菜单宽度设定,ie7 右侧菜单修正一下
5. 提取类 .rightmenu ,.topmenu ,便于重用.
效果图: