CSS的下拉菜单被挡住,修改Z-INDEX也不成功

CSS的下拉菜单被挡住,修改Z-INDEX也不成功

做了一个鼠标放上去就出现的下拉菜单,但是这个下拉的内容被挡住了。

Z-INDEX 是设置不同块的层次的,我修改了问题还是有。

后来发现是必须要把该便签的父标签的 position 属性设置为 absolute

具体原因:

1、父标签 position属性为relative;
2、问题标签无position属性(不包括static);
3、问题标签含有浮动(float)属性。
4、z-index层级不起作用,浮动会让z-index失效

posted @ 2018-11-04 20:13  xpwi  阅读(1193)  评论(0编辑  收藏  举报