通过javascript，弹出/面板不会显示在正确的位置

我已经创建了一个显示成员列表的页面。我创建了一个Javascript函数，它在一个面板中显示用户的详细信息，该面板id为

divpreview

，位置为

position:absolute

和

z-index:100

，但我无法将其显示在成员的正上方

<div runat="server" id="divpreview" class="preview">
    </div>

    <script type="text/javascript" language="javascript">
        function showdiv(id, m, pos) {

            var arr = new Array(7);
            arr = id.split("###");
            var divhtml = "";
            divhtml += "<table border='1'  style='background-color:#1C5E55;color:white;absolute' cellpadding='3' cellspacing='0'><tr><td>Sponsor Id</td><td>" + arr[0] + "</td></tr>";
            divhtml += "<tr><td>Total Left Point</td><td>" + arr[1] + "</td></tr>";
            divhtml += "<tr><td>Total Right Point</td><td>" + arr[2] + "</td></tr>";
            divhtml += "<tr><td>Total Left Investment</td><td>" + arr[3] + "</td></tr>";
            divhtml += "<tr><td>Total Right Investment</td><td>" + arr[4] + "</td></tr>";
            divhtml += "<tr><td>Self Point </td><td>" + arr[5] + "</td></tr>";
            divhtml += "<tr><td>Expiry Date</td><td>" + arr[6] + "</td></tr>";

            divhtml += "</table>";
            document.getElementById("ctl00_ContentPlaceHolder1_divpreview").innerHTML = divhtml;
            var left = m.clientX + 10;
            if (pos == 1) {
                left = m.clientX - 230;
            }
            else {
                left = m.clientX + 10;
            }
            debugger;

            document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.left = left.toString() + 'px';
            document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.display = "block";
            var top = 0;
            top = document.documentElement.scrollTop + m.clientY - 50;
            document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.top = top.toString() + 'px';
        }
        function hidediv() {
            document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.display = "none";
        }
        function movediv(m, pos) {
            var left = m.clientX + 05;
            if (pos == 1) {
                left = m.clientX - 200;
            }
            else {
                left = m.clientX + 10;
            }

            document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.left = left.toString() + 'px';
            var top = 0;
            top = document.documentElement.scrollTop + m.clientY - 50;
            document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.top = top.toString() + 'px';
        }
    </script>

功能showdiv（id、m、pos）{
var-arr=新阵列（7）；
arr=id.split（“####”）；
var divhtml=“”；
divhtml+=“赞助商Id”+arr[0]+“”；
divhtml+=“总左点”+arr[1]+”；
divhtml+=“右总分”+arr[2]+”；
divhtml+=“总剩余投资”+arr[3]+“”；
divhtml+=“总权利投资”+arr[4]+“”；
divhtml++=“自点”+arr[5]+“”；
divhtml+=“到期日”+arr[6]+“”；
divhtml+=“”；
document.getElementById（“ctl00\u ContentPlaceHolder1\u divpreview”）.innerHTML=divhtml；
左向量=m.clientX+10；
如果（位置==1）{
左=m.clientX-230；
}
否则{
左=m.clientX+10；
}
调试器；
document.getElementById（“ctl00_contentplaceholder 1_divpreview”）.style.left=left.toString（）+'px'；
document.getElementById（“ctl00\u ContentPlaceHolder1\u divpreview”）.style.display=“block”；
var-top=0；
top=document.documentElement.scrollTop+m.clientY-50；
document.getElementById（“ctl00_contentplaceholder 1_divpreview”）.style.top=top.toString（）+'px'；
}
函数hidediv（）{
document.getElementById（“ctl00\u ContentPlaceHolder1\u divpreview”）.style.display=“无”；
}
功能移动div（m、pos）{
左向量=m.clientX+05；
如果（位置==1）{
左=m.clientX-200；
}
否则{
左=m.clientX+10；
}
document.getElementById（“ctl00_contentplaceholder 1_divpreview”）.style.left=left.toString（）+'px'；
var-top=0；
top=document.documentElement.scrollTop+m.clientY-50；
document.getElementById（“ctl00_contentplaceholder 1_divpreview”）.style.top=top.toString（）+'px'；
}

我希望面板出现在星星附近。我该怎么做。

使用

position: relative;

---

到父div。在查找最近的定位相对或定位绝对元素时，位置绝对元素将“停止”。

在divpreview上使用此样式

 <div runat="server" id="divpreview" class="preview" style="position:absolute;z-index:999;">
</div>

---

父div位置为“绝对”。

我尝试过，但不起作用面板占用页面空间。我希望它出现在页面上像一个POPUP。你想要它在页面上方的一切吗？你能给我们提供一个小提琴吗？这会让这个位置固定在页面中间。我希望它出现在星星旁边。啊，好的，然后只使用position:fixed，对于left，top，你可以像现在一样使用javascript

position: absolute;