小心display:block！
下午在使用tab组件的时候遇到一个问题，就是table的显隐，因为组件默认的恢复显示使用的是display:block;使得恢复显示的table在现代浏览器下脱离了原有的的面貌（仅IE浏览器保持原状），只好在table外再嵌套了一个div以解决问题。
加了display:block;的table在各浏览器下的显示，可以参照这个Demo：http://www.12sui.cn/test/display-0910.html
使用display来控制元素的显隐是比较普遍的，但是问题就在display的模式太多了，而我们经常用恢复显示的就是block，但是这个东东也往往给我们带来了诸多的不便，特别是在组件里，无法预料的元素很多。
解决的办法其实很简单，就是在恢复的时候使用el.style.display=”，我们的目的是去掉none这个属性值，所以使用这个方法可以轻易的去掉这个值，而不改变元素本身的display模式，而且还省了不少字节。。。类似的，对于采用visibility控制显隐的，在恢复的时候也可以采用这种方式，避免把visible拼错了，一不小心拼错了的话在某些浏览器（比如ie）下是不会恢复显示的，我总记不住这个单词。。。所以我都是设置为空。。。
标签： display, visibility
这篇文章发布于 2009年10月21日，星期三，21:47，归类于 CSS。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。
