允许<tr>背景颜色保持定义的<td>背景颜色/ border-radius？

Question

JSFiddle of the offnding code:Fiddle

具体如下:

.start{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

我正在制定一份时间表.整个表格的背景背景颜色为.5 alpha,因此页面背景显示.在安排某些事情时,各个块以特定颜色突出显示.这些单元中的第一个和最后一个具有半径.

理想情况下,我希望能够在角落中保持.5 alpha背景,其中半径会留下一些白色.我尝试在tr元素上设置背景,但这并没有持久化(被类推翻).Div似乎是一个不错的选择,但我不想要单元格之间的边界(这里不是为了简单起见),而div在这种情况下似乎不允许这样做.

Answer 1

设置background-color上table的元素:

table {
    border-spacing: 0;
    background-color: rgba(0,0,0,0.5);
}
td {
    border: 1px solid red;
    width: 75px;
    height: 50px;
}