2014-10-18 37 views
1

HTML文档具有一些HTML元素,如div,p,img,...HTML-Element带“z-index”或“append”?

大多数都是动态创建的(如果有帮助的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,由于CSS样式z-index不会被插入的元素。 但我不知道appendChildz-index的选择是否会更好。

我的问题:使用z-index或append/appendChild有什么更好? 谢谢。

回答

2

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

这里是一个有用的文章: Why would appendChild disregard zIndex?

文章暗示一些点,但ins't完全集中到你的问题。

1

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

+0

没错。但它也可以用来把对象带到别人面前。但现在我认为,使用z-index会更好[另一个链接](http://stackoverflow.com/questions/3233219/is-there-a-way-in-jquery-to-bring-a- DIV至前)。 – user3815508 2014-10-18 21:53:01