html - 是否可以使用 作为父元素绝对放置 元素？

Question

我有一个页面，它在一个表中显示数据库中的记录(摘要)。我想在每一行的左侧显示一个图标，以直观地“标记”一些符合特定条件的记录。

是否可以放置一个 <img>绝对元素，使用 <tr>作为 parent ？ (或者有其他方法可以达到同样的效果吗？)

echo "<tr>"; 
    echo "<td>" . $result['data'] . "</td>";
echo "</tr>"; 

(我知道定位 <img> 绝对我会简单地使用 position: absolute; top: 0; left: -20; 等)

Answer 1

不幸的是，表格单元格上的position:relative位置在 Firefox 中不起作用。因此，您需要在单元格内放置一个 div 并赋予该相对定位及其子级绝对定位。

<td>
  <div style="position:relative">
      <img src="foo" style="position:absolute;" />  
  </div>
</td>

Firefox bug reference