html - 对于 chrome 浏览器，如果其子单元格(td)不可见，则表的父 tr 的背景颜色不起作用

Question

我有一个在这个 jsfiddle 中的案例:http://jsfiddle.net/n5s53v32/6/

HTML:

<table>
 <tr>
  <td>td 1</td>
  <td>td 2</td>
  <td class="last">td 3</td>
</tr>
<tr class="bg">
 <td>td 1</td>
 <td class="hide">td 2</td>
 <td class="last">td 3</td>
</tr>
<tr>
 <td>td 1</td>
 <td>td 2</td>
 <td class="last">td 3</td>
</tr>
</table>

CSS:

.bg{background: red; }
.hide{visibility:hidden; }

如果 tr 的子单元格 (td) 设置为不可见，则不可见部分的父 tr 的背景颜色在 chrome 浏览器中不起作用，但它在 firefox 中起作用。

编辑:JS fiddle 已更新 http://jsfiddle.net/n5s53v32/11/

Answer 1

演示 - http://jsfiddle.net/n5s53v32/7/

使用不透明度

.hide {
    opacity:0;
}