09 CSS-隐藏盒子的5种方法

1. display:none;隐藏盒子，而且不占位置。(用的最多)
2. overflow:hidden;隐藏盒子超出的部分
3. opacity:0;隐藏盒子，而且占位置。
4. visibility:hidden;隐藏盒子，而且占位置。
5. Position/top/left/…-999px 隐藏盒子，而且占位置。

补充：

1.第三种opacity:0;

将透明图变为0来隐藏盒子
该方法IE8 以及更早的版本不支持。

IE8前使用：filter 属性。例如：

filter:Alpha(opacity=50)。

2..隐藏文字：

    text-indent:-9999px;//隐藏文字，通过负值缩进，超出可视区

首行空两个汉字的格，单位比较奇怪，叫做em，em就是汉字的一个宽度。indent就是“缩进”的意思。

    text-indent:2em;