html - 每个表格单元格的 CSS 叠加编辑图标

Question

我希望有人能提供帮助；我有一张 table :

<tr style="">
  <td width="330" style="vertical-align:top; " class="updater_modus"><span><i class="icon-pencil"></i></span><img src="http://qmail.wm13.de/data/www.douglas.com/95/img/main-image-1-t4_330.jpg" alt=""></td>
  <td width="290" style="padding-top: 20px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;background-color: #ccace6;vertical-align:top; " class="updater_modus">
     <span><i class="icon-pencil"></i></span><p><span style="color: #ffffff;">Hier ein Text!</span></p>
     <p><span style="color: #ffffff;">&nbsp;</span></p>
     <p><span style="color: #ffffff;">...</span></p>
     <p><span style="color: #ffffff;">&nbsp;</span></p>
     <p><span style="color: #ffffff;">...</span></p>
   </td>
</tr>

每个 td 都有一个图标。我希望图标位于每个图标的左上方。现在每个 td 上都有一个额外的空间，因为图标。我希望你明白我的意思。

我使用类 updater_modus 不好，我没有找到正确的 CSS..

Answer 1

让你的表格单元格position: relative 和你的图标position: absolute;顶部:0；左:0；