HTML-Element 用“z-index”或“append”放在前面？答案

【问题标题】：HTML-Element bring to front with "z-index" or "append"?HTML-Element 用“z-index”或“append”放在前面？
【发布时间】：2014-12-14 03:29:33
【问题描述】：

HTML 文档有一些 HTML 元素，例如 div, p, img, ...

其中大部分是动态创建的（如果有帮助，css: "position:absolute;"）。

每次 OnClick 后，元素都必须排在其他元素的前面。

我的意思是：

element.parentNode.appendChild(element);
or
element.parent().append(element);

或

// E.g. with css as follows:
$('#ObjId').css('z-index', HighestIndx+1 );

我更喜欢使用appendChild，因为z-index 不会插入到元素中。但是不知道appendChild和z-index的选择会不会更好。

我的问题：使用 z-index 或 append/appendChild 哪个更好？谢谢。

【问题讨论】：

【解决方案1】：

我会使用 z-index，因为我认为它在旧浏览器中更快更可靠，但无论如何这就是我。

这篇文章暗示了一些观点，但并未完全专注于您的问题。

【讨论】：

【解决方案2】：

我认为 appendChild() 与 z-index 没有任何关系。它只是将一个新的孩子添加到调用父母的底部作为最后一个孩子。如果你想在另一个 div 前面显示你的 div，那么建议你应该使用 z-index 属性。

【讨论】：