Html 是否可以在不占用列的情况下在TD中使用DIV

这是一个很长的机会，所以如果不可能，请告诉我。基本上，我找到了一个解决方案，通过在每行中添加一个DIV，将宽度设置为整行的宽度，在TD行上覆盖图像。效果真的很好，但现在我得到了这个额外的柱占用空间从分区。我想知道是否有可能摆脱它。附上截图

这是我的HTML：

<tr class="event-state-edited row_selected" eventid="7c5b1bb6-1b36-489a-0000-000000006482">
    <td><!--CONTROLS--><img src="includes/edit.png" style="width:25px; height:25px;" class="bt_single_event_edit"></td>
    <td>12/12/2011 8:05:13 PM</td>
    <td>12/12/2011 8:05:43 PM</td>
    <td>Test MC5</td>
    <td>00:00:00</td>
    <td>0.5</td><td>EEEEEEEEEEEE</td>
    <td>\Conveyors\Snapped Belt</td>
    <td>undefined</td>
    <td>Secondary</td>
    <div class="table-row-overlay" style="display: inline-block; background-position-x: 221px; ">COPY</div>
</tr>

---

它需要在CSS中重新设置一些样式，但我建议在

td

元素中添加

div

。目前，在

tr

中，在

td

旁边的

div

元素一开始就不是真正有效的

---

或者给它自己的

td

（从逻辑上将它与其他的分开），并设置

div

的样式，使其现在显示，同时将其父

td

的样式设置为不显示。

尝试单独使用

css

而不是图像<代码>css3渐变和

：根据所需的用户体验，悬停

或使用

jQuery

到

.addClass（）

不幸的是，我没有找到一种方法使列不占用表中的空间

---

所以我将DIV移到TD之外，去掉多余的列，将DIV绝对定位在TD行的正上方。我使用jQuery确定放置它的偏移位置。

请提供一个或一个活动站点供我们使用。TR元素不允许包含DIV元素。为什么不将table row overlay类添加到表中所需的TR元素中？是希望覆盖单元格，还是只是尝试复制背景效果？

.table-row-overlay{
    float:left;
    border:1px solid black; 
    display:inline-block; 
    position:absolute; 
    width:100%; 
    height:48px; 
    left:-1px; 
    background-image:url('includes/overlay.png'); 
    overflow:hidden;
    filter:alpha(opacity=20);
    opacity:0.20;
    display:none;
}