Question

            var corX = subEvent.clientX;
            var corY = subEvent.clientY;
            var x = document.createElement("IMG");
            x.setAttribute("id", corX + "," + corX);
            x.setAttribute("src", "pin.png");
            x.setAttribute("width", "20");
            x.setAttribute("height", "20");


            x.style.left = corX + "px";
            x.style.top = corY + "px";
            x.style.transform = "translate(-50%, -50%)";
            x.style.zIndex = "-1";
            document.body.appendChild(x);

这是我感兴趣的代码段，我正在尝试在用户点击图片上添加图片。我添加的这些图像是动态添加的。当我对更改发出警报时，它们确实显示已更改，zIndex为-1，左边是它应该是什么...我尝试使用setAttribute作为样式但它不起作用，并且不会更改值。此外，我在IE7上测试它，而不是更高。

Answer 1

您不能将元素放在文档的正常“流”之外，除非您明确地将其从流中取出。 position:absolute将相对于其位置明确设置的最近的祖先（或者没有身体）来定位元素，position:relative将元素相对于其在文档中的原始位置定位{{1将它准确定位在您想要的位置，然后它将不会与文档的其余部分一起滚动。

position:fixed

Javascript不会分配CSS

1 个答案: