想实现的鼠标悬浮的下拉条,但是奇怪的是无法显示出来
试试:z-index:10000
,有可能是你下面那个banner的z-index
值高于10,挡住了ul
id 希望不要重复 "nLi",像你的代码,建议用class="nLi on"。
还一个,看看父层的z-index是不是够大,因为父层的不够大,你调再高都是无用的。
不能显示的原因就是因为下面的content部分index级别高于navigation, 也就是当你设置了你的下拉条的顶层父元素要大于content的顶层父元素的z-index,才不被遮挡
把你的导航所在祖先元素设置一个position
值,并且设置z-index
比下边的banner
的z-index
大就可以咯。这个祖先元素要跟banner
是同级的哟~