I have an element in my page

<div id="myId">hello</div>

I would like this to be shown at the top layer visible to the user.

I know that the css property transform: translateZ(10px) will escape any stacking context, if transform-style: preserve-3d is used.

But how can i find out what value to use in the translateZ function to insure it is always on top?