隐藏元素

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

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

    <div style='display: none'>hello world</div>
   

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

    <input type='hidden' name='hello'>
   

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

    <div style='height: 0; width: 0;'>hello world</div>
   

4. 将visibility设为hidden

    .ele {
        visibility: hidden;
    }
   

5. 将opacity设为0

    .ele {
        opaticy: 0;
    }
   

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

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