CSS隐藏元素的N种实现方式。

1. width:0;

2. height:0;

3. opacity:0;

4. position:absolute;left:-9999px;

5. text-indent:-9999;

6. z-index:-99999;

代码如下：

<style>

   #box{

      width:100px;

      height:100px;

      background-color:red;

      position:absolute;

      z-index:-9999;

   }

</style>

<div id="box">111111</div>

<div>为什么要这样</div>

7. overflow:hidden;

width:0px;

height:0px;

overflow:hidden;

8. visibility:hidden;

9. display:none;

10. background-color:#fff;

11. max-width:0px;

12. max-height:0px;

13. background-color:rgba(0,0,0,0);color:#fff;

14. font-size:0px;

15. transform:translate(-9999px);

16. transform:scale(0);

17. transform:skew(90deg);

18. margin-left:-9999px;

19. -webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px,0px 0px);