.KinSlideshow_titleBar h2 { position: relative; } #btnlistID li { color: #ffffff !important; }
.menu { font-size: 12px; margin: auto; width: 850px; } .menu li { /*水平菜单*/ float: left; list-style: none; position: relative; /*把包含块移动li元素*/ } .menu a { display: block; height: 28px; width: 100px; line-height: 28px; color: #700000; text-decoration: none; text-align: center; overflow: hidden; /*★★★★*/ background: #F0CF80; } .menu .aFirst { display: block; height: 28px; width: auto; line-height: 28px; color: #700000; text-decoration: none; text-align: center; overflow: hidden; /*★★★★*/ padding: 0 20px; background: url(http://lib.010918.com/images/separator.png) no-repeat top right #F0CF80; } .menu a:hover { /*color: #fff;*/ text-decoration: underline; } /*新增的二级菜单部分*/ .menu ul ul { visibility: hidden; /*隐藏所有子菜单(二级的,三级的)*/ position: absolute; left: 0px; top: 28px; } /*指定是显示二级子菜单*/ .menu ul li:hover ul.second, /*非IE6*/ .menu ul a:hover ul.second { /*IE6*/ visibility: visible; } .menu ul ul li { clear: both; /*垂直显示*/ text-align: left; } .menu .third, .menu .fourth, .menu .fifth, .menu .sixth { top: 0px; /*重设子菜单相对于包含块哪个位置出现*/ left: 100px; } /*指定是显示三级子菜单*/ .menu ul ul li:hover ul.third, .menu ul ul a:hover ul.third { visibility: visible; } /*指定是显示四级子菜单*/ .menu ul ul ul li:hover ul.fourth, .menu ul ul ul a:hover ul.fourth { visibility: visible; } /*指定是显示五级子菜单*/ .menu ul ul ul ul li:hover ul.fifth, .menu ul ul ul ul a:hover ul.fifth { visibility: visible; } /*指定是显示六级子菜单*/ .menu ul ul ul ul ul li:hover ul.sixth, .menu ul ul ul ul ul a:hover ul.sixth { visibility: visible; } /*重设子菜单在鼠标滑过时的样式,有多少个ul就表明当前是多少级子菜单*/ /*二级子菜单*/ .menu ul ul a:hover { /* color: white;*/ text-decoration: underline; } /*三级子菜单*/ .menu ul ul ul a:hover { background: #B45B3E; color: #369; } .menu ul ul ul ul a:hover { background: #FFE8AA; color: #68DFFB; } .menu ul ul ul ul ul a:hover { background: #8080C0; color: #F8F8F8; } .menu ul ul ul ul ul ul a:hover { background: #f00; } .menu table { border-collapse: collapse; }