relative absolute无法冲破的等级问题解决第1/3页

编辑：rootadmin

前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题：如果我我们设定LI为position:relative;设置span为position:absolute;那么我们会发现无论SPAN的z-index值设置得再高都将永远在后面父级的下面。试一下很容易发现我们的子级，z-index的值达到了的被设定了position:absolut;子级都被档在了父级的下面。我想了很久，我觉得其根本问题是：设置同样的position:relative/absolute;同级标签之间的等级是无法用z-index超越的。我们上面的例子中的第一个LI的等级永远都要小于后一个LI的等级，所以我们在LI里的子级身上设置了position:absolute;，给了非常高的z-index值。也许你会这样来想：只要针对有span的LI设置position:relative;不就好了吗？非常正确。当其它的LI都不设置position:relative;那么我们需要的那个子级就可以浮在所有的内容之上。但是如果实际上，所有的LI中都要有span，并且属性都需要一样怎么办？当然我们不大会需要有这样的效果。但是我们需要有这样的效果：子级全部是隐藏的，当有鼠标反应时出现并且浮在所有的内容之上。我们要知道，这确实是件让人头疼的事，因为我们上面见识到了，子级在显示的时候都被压在了下一个父级标签的下面。下面我们来实现一下这个鼠标反应的定位效果：我们通过链接的鼠标事件来完成这个显示隐藏效果：

推荐整理分享relative absolute无法冲破的等级问题解决第1/3页，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

div总是被select遮挡的解决方法 htmlheadmetahttp-equiv="Content-Type"ctitlediv被select遮挡的解决方法——积木网/title/headbodyiframestyle="position:absolute;z-index:9;width:expression(this.nextSibling.offsetWidth);height

文本框css关闭输入法先点这个输入中文，以让输入法出来：然后再点下边这个，看看是不是输入法被关闭了呢?本文字框输入法被关闭：语法：style="ime-mode:disabled"范例：inputt

CSS文字截取功能实现代码好处是：兼容IE，firefox，Opera;有利于内容完整性;有利于SEO;无需后台程序处理;可以在前台随时调节要截取的长度。不好的地方：不能自动判断截取长度

标签: relative absolute无法冲破的等级问题解决第1/3页

本文链接地址:https://www.jiuchutong.com/biancheng/375297.html 转载请保留说明！

上一篇：css常见问题解决方法小结(css主要解决什么问题)

下一篇：div总是被select遮挡的解决方法(div style display none)