Tengo un elemento en mi página.

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

Me gustaría que esto se muestre en la capa superior visible para el usuario.

Sé que la propiedad css transform: translateZ(10px) escapará de cualquier contexto de apilamiento, si se usa transform-style: preserve-3d .

Pero, ¿cómo puedo averiguar qué valor usar en la función translateZ para asegurarme de que siempre esté arriba?