每個表格單元格的CSS疊加編輯圖標

Question

我希望有人能幫忙; 我有一個表：

<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; top: 0; left: 0;