Estoy tratando de establecer el índice z para una imagen, pero no funciona. En realidad, la posición es absoluta y, además, verifiqué los índices z de los padres con este código para asegurarme de que el índice z no sea ninguno.

 var el = document.getElementById("bear-moving"); // or use $0 in chrome; do { var styles = window.getComputedStyle(el); console.log(styles.zIndex); } while(el.parentElement && (el = el.parentElement));

Mi imagen se mueve de acuerdo con el desplazamiento y necesita estar centrada. Si configuro el índice z, funcionará solo antes de que comience a moverse.

Este código representa el JS para mover la imagen.

 var container = document.getElementsByClassName('elementor-element-192d237'); var image1 = document.getElementById('bear-moving'); var index = 0; document.addEventListener("scroll", () => { div = document.querySelector(".elementor-element-192d237"); if(parseInt(div.getBoundingClientRect().top)-300 < 0 && parseInt(div.getBoundingClientRect().bottom)>430) { var style_top = 0; while (style_top<window.innerHeight/2-div.getBoundingClientRect().top-25) { style_top = style_top+5; image1.style.top = style_top + 'px'; } } })