相对于表中哪个父级的绝对位置？（IE6 与 Firefox/Chrome）答案

【问题标题】：Absolute position relative which parent in tables? (IE6 vs Firefox/Chrome)相对于表中哪个父级的绝对位置？（IE6 与 Firefox/Chrome）
【发布时间】：2017-09-10 21:59:51
【问题描述】：

我有一段代码可以在 IE6 中执行我想要的操作，但在 Chrome/Firefox 中却没有：

在 IE6 中，img 以相对于 td 的绝对位置显示，正如我想要/预期的那样。在 Firefix/Chrome 中，img 相对于外部 div 显示。

<div>
      <table>
            <tr>
                <td class="rel cell">
                    <img src="style/easypos_mobile/icons/pencil.png" class="icon" onclick="_onclick.newArticle_andraNr();"/>
                </td>
            </tr>
     </table>
</div>

.rel
{
    position: relative;
}

.icon
{
    position: absolute;
    top: 3px;
    right: -23px;
}

.cell
{
    width: 186px;
}

【问题讨论】：

标签： html-table position parent internet-explorer-6 absolute

【解决方案1】：

找到这个东西：

规格让它对用户代理来决定一个表格单元
可以作为绝对容器定位的对象。 http://www.w3.org/TR/CSS21/visuren.html#propdef-position （注意'效果 '位置：相对' on 表行组，表头组，表页脚组，表行，表列组，表列，表格单元格和表格标题元素未定义'）。

这解决了它：

<table><tr>
   <td style="position: relative; width: 180px;">
     <div style="position:relative;width:100%;height:100%;">
       <img src="imageA.gif" class="status">
       <img src="imageB.gif" class="status">
     </div>
  </td>
</tr></table>

【讨论】：