1,display:none;
display是改变一个元素的显示效果,假如元素使用none值,那么这个元素直接干净利落的消失,不仅在浏览器中不可见,而且会从文档流中删除,对于布局没有任何影响。
2,visibility:hidden;
visibility属性规定元素是否可见。visible默认值。元素是可见的。hidden 元素是不可见的。
使用visibility:hidden;元素不可见,但是会占用浏览器的位置,也就是说,这个元素依然在浏览器中,我们是能摸得到的,只是我们看不到。
3,opacity:0;
opacity设置元素透明度,当元素设值透明度为0的时候,元素就不可见了,就像隐身了一样,和设置visibility:hidden;是差不多的。
4,height:0;overflow:hidden;
设置元素的高度为0,这时候元素的内容会溢出,然后再给元素设置overflow:hidden;超出部分隐藏;就可以实现目的了。
5,position:absolute;top:-999em;
设置元素定位,定位到你看不到的位置。越远越好,也能起到不可见的作用,不推荐;