文心博客

我们知道，在网站布局中，如果要隐藏一个元素，就用“display:none;”来实现，其中这个也可以用来区别IE浏览器和Firefox浏览器（display:none\9）。其中我就有疑问，这后面的数字9代表的是什么啊？为什么当这个数值的范围在[0,1)时ie6和ie7不能隐藏元素，ie8和ie9却能正常显示？

以下是我的测试数据：

html： < div style="display:none\x" > 显示或隐藏？ < /div > (其中x的数值为指定)

1、当1 > x > =0时，div的显示情况：
在ie6和ie7能显示，在ie8和ie9隐藏。

2、当9 > x > =1时，div的显示情况：
在ie6、ie7.ie8、ie9都显示。

3、当x=9时，div的显示情况：
在ie6、ie7.ie8、ie9都隐藏。

4、当x > 9时，div的显示情况：
在ie6、ie7.ie8、ie9都显示。

5、当x=20时，div的显示情况：
在ie6、ie7.ie8、ie9都隐藏。

其中无论x为多少，该div在firefox都显示。
(注：由于时间关系，只能测试到20。)

对于以上的方式，针对IE8以下的hack，不推荐这么写。

Hack IE可以用这个方法：
< !--[if lt IE 9] > < html class="ie8" > < /script >