我有一个导航栏,有关于悬停的下拉菜单。就在它的底部,我有一个相对定位的文本。当鼠标悬停在导航栏上时,下拉菜单会关闭,但不会隐藏相关文本,文本仍显示在下拉列表上方。
我知道在悬停时我可以用jquery触发hide()
,但是有纯CSS方法吗?
答案 0 :(得分:1)
定位元素'relative
,absolute
和fixed
)堆叠顺序设置为z-index
。
为导航栏设置z-index: 10
,为文本设置z-index: 5
。
当然这些数字(5,10)是任意的,重要的是5< 10