Question

我目前正在开发一个ASP.net c＃项目。我试图移动一个div容器放在ASP网格视图的顶部。

如果我在样式表中设置：100px;它将div放在我想要的网格视图的顶部。但是，位置需要使用Javascript完成。我使用以下代码来定位div。

var obj = document.getElementById("software_" + id);
obj.style.top = "80px";

如果我使用下面的代码，它不会将div放在样式表放置的相同位置，它会跳转到网格视图下面，就像在java脚本中一样，它试图避免容器重叠。

如何解决此问题，以便Javascript可以像样式表一样将div放在顶部。

Answer 1

您可能需要设置z-index：http://www.w3schools.com/cssref/pr_pos_z-index.asp

绝对的位置：http://www.w3schools.com/cssref/pr_class_position.asp

Answer 2

最终找到答案，这与其他div的定位有关，所以我按顺序减去了这么多像素。下面是我用来定位的Javascript。

$(objs).mousemove(function (e) {
        //alert('X: ' + e.pageX + ' Y: ' + e.pageY + ' ID: ' + id);
        var x = e.pageX;
        var y = e.pageY;

        var posX = x - 180 + "px";
        var posY = y - 150 + "px";
        document.getElementById("software_" + id).style.top = posY;
        document.getElementById("software_" + id).style.left = posX;
        posX = 0;
        posY = 0;
});

使用Javascript将Div放在ASP.NET GridView之上

2 个答案: