隐藏元素

隐藏页面中某个元素的方法

1. 将元素的display属性设置为none

   hello world

2. <input>标签元素的type设置为hidden

3. 将元素的width和height都设置为0

   hello world

4. 将visibility设为hidden

   .ele {
   visibility: hidden;
   }

5. 将opacity设为0

   .ele {
   opaticy: 0;
   }

6. 假设有一个元素你想要与它交互，但是你又不想让它影响你的网页布局，没有合适的属性可以处理这种情况（opacity 和 visibility 影响布局， display 不影响布局但又无法直接交互——译者注）。在这种情况下，你只能考虑将元素移出可视区域。这个办法既不会影响布局，有能让元素保持可以操作。

   .ele {
   position: absolute;
   top: -9999px;
   left: -9999px;
   }