CSS 里的 visibility 属性有个 collapse 属性值是干嘛用的？在不同浏览器下以后什么区别？

一、写在前面
对于css里的visibility属性，存在三种值，一个是visible，这个属性值表现出来的样式没有任何变化。
hidden：相当于opacity: 0
collapse：对于一般元素来说visibility：collapse表现的样式和hidden一样，但是对于table相关的元素，比如table group，table列，table column group,他的表现却跟display:none一样，也就是说，他们占用的空间都会被释放掉。
二、演示

<table cellspacing="0" class="table">
  <tr>
    <th>Fruits</th>
    <th>Vegetables</th>
    <th>Rocks</th>
  </tr>
  <tr>
    <td>