<分区>
我需要在表格单元格背景中添加进度。这是 fiddle :http://jsfiddle.net/kedctfmj/3/
HTML:
<table>
<tr>
<td>value1</td>
<td>
value2
<div class="bg" style="width: 20%"/>
</td>
<td>value3</td>
</tr>
<tr>
<td>value4</td>
<td>
value5
<div class="bg" style="width: 30%"/>
</td>
<td>value6</td>
</tr>
</table>
CSS:
table {
width: 300px;
}
tr:nth-child(odd) {
background-color: #f8f8f8;
}
td {
border: 1px solid #ccc;
}
td {
position: relative;
}
.bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: #8ef;
z-index: -1;
}
我能够实现的最接近的是 z-index:-1。但这与 tr 的背景色搭配效果不佳。