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