ie 下visibility:hidden遮罩不住table的border的bug解决办法

   最近在ie7下发现个bug:我想利用css的visibility属性区控制一个table的显示与隐藏,代码大概如下:

 

<body>
   <div style="visibility:hidden;">
   <table cellspacing="0" border="1" style="width: 100%;border-collapse:"collapse"   id="gdData" class="table3">
	<tr><th>1</th><th>2</th></tr>
	<tr><td>1</td><td>2</td></tr>
   </table>
   </div>
</body>


   经测试,在ie7下出现了bug:内容可以随visibility的变化隐藏显示,但是table内的border却无法遮罩。


   解决办法:1、去掉css的border-collapse属性。
                  2、使用display的办法去显示隐藏table。


   原因:尚未知晓,晚上回去研究下,先作个笔记。

 

你可能感兴趣的:(css,IE)