我有一种情况，我想把一个子项目放在它的父母身上，但这似乎不可能。有关快速情况检查，请参阅此示例
当我悬停父母时，我假设我重新定义了子css设置（从父项中删除元素，以便删除父＆gt;子关系）通过行
$('#e11').fadeIn().css({position:'absolute',left:'50px',bottom:0,zIndex:15});从jsfiddle示例中可以看出，我希望元素#e11悬停在#e1和#e2元素之上。
有人知道解决方案或解决方法吗？
答案 0 :(得分：0)
首先，z-index css属性的行为不是很容易掌握，因为涉及到几个规则 - 在你的情况下，由于每个绝对定位的 div <，因此不会改变z-index。 / strong>具有z-index属性的元素创建一个新的堆叠上下文，一种“层”，其包含元素的z-index仅在相同的堆叠上下文中有效。
一对文章提供了更多关于此事的见解：
回到你的例子，如果从div中删除z-index，只留下你通过jQuery明确设置的那个，你就会发现它会起作用。
（请记住，某些浏览器很可能没有按预期运行，因为 - 或者曾经 - 很多关于不同broswers之间z-index属性解释的异常）