我这里没问题啊,报的什么错误?
/*下拉菜单样式*/
#menu { width:520px; height:24px;background:#B9D3EE}
#nav {line-height: 24px;}
#nav a {display: block; text-align:center;}
#nav a:visited  {color:#000000;text-decoration:none;}
#nav li {float: left; width: 80px; }/*首层背景色*/
#nav li a:hover{background:#FFD39B;}/*经过背景色*/
/*2级*/
#nav li ul { left: -1000em; position: absolute;}
#nav li ul li{ width: 120px;background:#ECECEC; border:1px solid #B9D3EE; border-top:none;}/*2级下拉列表层背景色,属性*/
#nav li ul a:hover  {color:#000000;background:#888888;}/*2级下拉列表层经过属性*/
#nav li.showhide ul {left: auto;}
/*3级默认与2级相同*/
/*4级*/
#nav li.showhide ul li.showhide ul li.showhide ul li{ background:#ECECEC;}/*4级下拉列表层背景色,属性*/
#nav li.showhide ul li.showhide ul li.showhide ul a:hover  {background:#00ff00;}/*4级下拉列表层经过属性*/
用这个把原来的替了。/*。。*/后面带这个的前面的属性就是改经过,离开背景色的。子对象继承父对象的。你可以根据自己需要进行修改。

解决方案 »

  1.   

    #nav li.showhide ul li.showhide ul li.showhide ul li{ background:#ECECEC;}/*4级下拉列表层背景色,属性*/
    #nav li.showhide ul li.showhide ul li.showhide ul a:hover  {background:#00ff00;}/*4级下拉列表层经过属性*/
    这是4级控制样式的,5级的就是
    #nav li.showhide ul li.showhide ul li.showhide ul li.showhide ul a:hover  
    就是多了li.showhide ul 这个东西
      

  2.   

    还有一个小小的bug不知道怎么解决,在firefox里菜单不能够正确的显示
    本来该竖的菜单都变成行的了,不知道什么原因啊
      

  3.   

    ie里是正常的,firefox却不能够正常显示