javascript - 单击一个按钮将一个div覆盖另一个

我有两个可视化文件，每个都在不同的div中。我想将一个div放在另一个按钮上以覆盖并比较它们。然后，在另一个按钮上单击，我想将其分开。任何代码段或链接将不胜感激。现在，我只是想利用以下javascript函数：

function ShowOverlay(divID, xCoordinate, yCoordinate) {
    var divObject = document.getElementById(divID);
    divObject.style.visibility = "visible";
    divObject.style.left = xCoordinate;
    divObject.style.top = yCoordinate;
}

最佳答案

您应该使用绝对或相对定位。

如果您的position属性未设置为absolute或relative style.left，并且style.top无效。

以下内容将允许它们移动（您只需要计算坐标即可：

function ShowOverlay(divID, xCoordinate, yCoordinate) {

    var divObject = document.getElementById(divID);

    divObject.style.visibility = "visible";
    divObject.style.left = xCoordinate;
    divObject.style.top = yCoordinate;
    divObject.style.position = "absolute";

}

要撤消它，只需将位置设置回静态即可：

divObject.style.position = "static";

关于javascript - 单击一个按钮将一个div覆盖另一个，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16180077/