每个表格单元格的CSS叠加编辑图标
问题描述:
我希望有人能帮忙; 我有一个表:每个表格单元格的CSS叠加编辑图标
<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;"> </span></p>
<p><span style="color: #ffffff;">...</span></p>
<p><span style="color: #ffffff;"> </span></p>
<p><span style="color: #ffffff;">...</span></p>
</td>
</tr>
每个td
都有一个图标。我希望图标位于每个图标的左上角。现在有每个td
一个额外的空间,因为图标的。我希望你明白我的意思..
我使用类updater_modus
坏。我不明白它正确的CSS ..
答
制作您的表格单元position: relative
和您的图标position: absolute; top: 0; left: 0
;