【急】关于css制作的竖向二级菜单

html-css09

【急】关于css制作的竖向二级菜单,第1张

ie6是不支持li:hover 这个css样式的，遨游也是基于ie6的内核，我在网上查了一下，根据你的代码改起来比较麻烦，建议放弃吧，改用javascript的，网上有很多现成的代码，如果硬要修改的话，建议参考

http://www.cnscn.org/read.php?tid=14335

怎么不贴出代码　

给你个思路

比如代码大概是这样子：

<ul>

<li><a href="">菜单</a></li>

<li><a href="">菜单</a></li>

</ul>

把最外层的ul设置背景图片。padding:10px

li设置margin-top:10px

a链接设置背景颜色任意，比如白色

这样下来的效果是，一个带有图片背景的菜单区域，通过菜单间隔可看到后面的背景图

最后，在a链接设置hover状态，a:hover{background:transparent}　

当鼠标滑过一个链接后，此链接原来设置的背景色没有了，这样就看到了ul的背景图

效果不错的　而且代码也非常少...

至于竖向折叠大同小异了..

#layout{width:110pxpadding:0pxmargin:0pxheight:autooverflow:hiddenfloat:leftdisplay:inline}

去掉：overflow:hidden