0

我有一种情况，我想在它的父项上放置一个子项，但这似乎是不可能的。有关快速情况检查，请参阅此示例

http://jsfiddle.net/Mr3bH/

当我将父鼠标悬停时，我假设我通过该行重新定义了子 css 设置（从其父元素中删除元素，以便删除父>子关系）

$('#e11').fadeIn().css({position:'absolute',left:'50px',bottom:0,zIndex:15});

从 jsfiddle 示例中可以看出，我希望元素#e11悬停在#e1and#e2元素之上。

有人知道解决方案或解决方法吗？

4

1 回答 1

0

z-index css 属性的行为起初不是很容易掌握，因为涉及到几个规则 - 在您的情况下更改 z-index 是不够的，因为您的每个绝对定位的div元素都具有 z-index 属性创建一个新的堆叠上下文，一种“层”，其包含元素的 z-index 仅在相同的堆叠上下文中有效。

两篇文章提供了有关此事的更多见解：

回到你的例子，如果你从 div 中删除 z-index，只留下你通过 jQuery 明确设置的那个，你会发现它会起作用。

（请记住，某些浏览器的行为很可能与预期不符，因为存在或过去存在很多关于不同浏览器之间 z-index 属性解释的异常情况）

于 2013-02-20T14:59:57.483 回答