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的背景图
效果不错的 而且代码也非常少...
至于竖向折叠大同小异了..