這是一個遠射,所以如果不可能,請告訴我。基本上,我砍了一個解決方案,在TD行上添加一個DIV,並將寬度設置爲整行的寬度。效果非常好,但現在我得到了這個額外的colomn佔用DIV的空間。我想知道是否有可能擺脫它。附上截圖。是否可以在TD中擁有DIV而不佔用列
這裏是我的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
.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;
}
請提供[jsFiddle](http://jsfiddle.net/)或我們的合作網站。 – 2012-01-06 20:16:55
TR元素不允許包含DIV元素。爲什麼不將表格行重疊類添加到表格中所需的TR元素? – DwB 2012-01-06 20:19:09
你想覆蓋覆蓋單元格,還是隻是試圖複製背景效果? – 2012-01-06 20:35:06