您好,这是个小逻辑问题。鼠标经过顶级栏目时触发子栏目列表,可以用:hover选择器,:hover触发前先用display:none隐藏子栏目菜单,:hover触发时再用display:block显示出子栏目菜单。想要实现其他效果继续追问。
先在网站的head模板添加二级菜单的html代码,如下添加之后前台就可以显示二级菜单,但会出现乱码,然后找到相应的css文件,在/*nav*/部分,加入以下代码,具体风格可以自己改,.navulliul{position:absolutedisplay:none}.navulliulli{float:none}.navulliullia{border-right:noneborder-top:0pxdotted#cccbackground:#00000000font-size:15pxcolor:#fff}.navulliulli.nava{color:#ffffffdisplay:inline-blockpadding:012pxheight:44pxline-height:40pxfont-size:18pxcolor:#fffmargin-left:5pxfont-family:arial,"宋体"}.navulli:hoverul{display:block}
可以用z-index来控制
1
2
.div1{z-index:10}
.div2{z-index:15}
按照数值的大小,从上往下重叠。数值小的在下方,数值大的在上方。比如上面的代码就是div2在div1的上方