彈出式/面板不會通過javascript顯示在正確的位置

我創建了一個顯示成員列表的頁面。我創建了一個Javascript函數，該函數在ID爲divpreview的屏幕上顯示用戶的詳細信息，其中position:absolute和z-index:100彈出窗口/面板確實存在，但我無法在成員上方顯示它。彈出式/面板不會通過javascript顯示在正確的位置

<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>

我想要的面板出現在恆星附近。我該怎麼辦。

來源

2017-01-30 rexroxm

使用這種風格上divpreview

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

來源

2017-01-30 09:16:17 Naveen

這個作品，謝謝 – rexroxm

使用

position: relative;

父DIV。當找到最近的定位相對或定位絕對元素時，位置絕對元素將「停止」。

來源

2017-01-30 09:11:30 kiwi1342

我試過了，但不起作用面板佔用頁面上的空間。我希望它像彈出窗口一樣出現在頁面上方。 – rexroxm

你想在頁面中間的一切之上嗎？你能爲我們提供一個小提琴嗎？ – kiwi1342

可以將位置固定在頁面中間。我希望它出現在明星旁邊。 – rexroxm

position: absolute;

父DIV位置 '絕對'。

來源

2017-01-30 09:22:01

彈出式/面板不會通過javascript顯示在正確的位置

回答

相關問題