Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/unity3d/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 从div overflow auto内的表中弹出td中的错误位置_Html_Css_Html Table_Position - Fatal编程技术网

Html 从div overflow auto内的表中弹出td中的错误位置

Html 从div overflow auto内的表中弹出td中的错误位置,html,css,html-table,position,Html,Css,Html Table,Position,我需要帮助来解决Chrome和IE中的一个问题。在Mozilla中,它可以有效地工作! 让我解释一下: 我有一个Div“overflow”包含一个表。 在这个表中,我动态生成tr和td。 每个tr有2个td。 每个td都包含UserControl ASP.Net,其中包含一个div 一个div“popup”显示none和一些其他要显示的元素 <div class="overflow"> <table class="table_planning"> <

我需要帮助来解决Chrome和IE中的一个问题。在Mozilla中,它可以有效地工作! 让我解释一下: 我有一个Div“overflow”包含一个表。 在这个表中,我动态生成tr和td。 每个tr有2个td。 每个td都包含UserControl ASP.Net,其中包含一个div 一个div“popup”显示none和一些其他要显示的元素

<div class="overflow">
  <table class="table_planning">
      <tr>
         <td>
            <div id="divCellule" runat="server" onmouseover="ShowInfoBulle(this);" onmouseout="HideInfoBulle(this);">
                <div class="infobulle" id="infobulle">
                </div>
                some control... (Not the problem)
             </div>             
         </td>
         <td>
             <-- ANOTHER UC Correctly Displayed -->
         </td>
      </tr>
      <tr>
         <td>
             ...
  </table>
</div>
Javascript:

function ShowInfoBulle(e) {
        $(e).find('#infobulle').show();
    }

    function HideInfoBulle(e) {
        $(e).find('#infobulle').hide();
    }
在div容器悬停时,我显示div弹出窗口! 但是当我的表格被滚动时,弹出位置(绝对位置)不会跟随滚动位置(仅限于IE和Chrome,在Firefox中可以正常工作)

IE或Chrome中的错误示例:

FireFox中正确显示的示例:


位置:相对
溢出:可见
添加到
。表\u规划tr td.nom

.table_planning tr td.nom {
        overflow: visible;
        position: relative;
        /* your other styles */
}

大家好,欢迎来到SO。此链接将帮助您编写一个完整的问题,让社区能够帮助您。您好,卢卡,谢谢您的回复,但我不明白为什么我的帖子不可理解?;)你的帖子不完整-你应该添加一个可以复制你的问题的工作示例;我提供的链接可以帮助您了解要采取的步骤。如果没有最短的相关代码,社区不可能帮助您调试问题。您好,谢谢您的回复。我将尝试创建一个fiddle JS,但我不确定这是否是理解问题的义务。我知道最好尝试一些东西。。。再见,我希望很晚再见到你!我有一个小提琴女巫在FF中工作,而不是在chrome中复制错误:很抱歉我不能在IE中测试,但我相信它会工作得很好。我测试了FF和Chrome,看起来不错。希望有帮助!
.table_planning tr td.nom {
        overflow: visible;
        position: relative;
        /* your other styles */
}