how to set css z index as its parent z index

Question

how to set the zindex value of the child div's greater than parent div. where parent zindex differs.

bobince · Accepted Answer · 2010-10-27 11:17:51Z

2

Positioning contexts nest. A descendant div's z-index only has to be higher than other descendant divs in the same positioned ancestor in order for it to appear on top. A positioned child will appear on top of the positioned parent even if it has a lower z-index.

At no time is it necessary for an element to know about its positioned-ancestor's z-index.

answered Oct 27, 2010 at 11:17

bobince

538k111 gold badges675 silver badges846 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Thomas F. · Accepted Answer · 2010-10-27 15:18:27Z

1

If you really want to know how to do this...

node.style.zIndex = node.parentNode.style.zIndex + 1;

node is the child div.

answered Oct 27, 2010 at 15:18

Thomas F.

1343 bronze badges

2 Comments

zwol Over a year ago

This will only work if parentNode sets its z-index in a style attribute.

laki Over a year ago

incase what would be if i'm unable to access the parent node's div

Collectives™ on Stack Overflow

how to set css z index as its parent z index

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related