html很多功能都是基于元素之间的显示隐藏实现页面的交互效果，那么css实现元素隐藏，你都可以想到哪些方法？它们有什么不同？
面试题六:css实现隐藏元素的方法？-QUI-Notes

css实现隐藏元素的方法：

方法一：display隐藏元素，浏览器不会渲染它，所以页面中没有元素的位置；

{display：none; }

方法二：opacity 改变透明度， 元素仅仅透明度降到看不见而已，元素被浏览器渲染，会占据一定页面空间；

{opacity: 0;}

方法三：visibility隐藏元素，元素虽然隐藏，但是也具备占位，同样占据页面的空间；

{visibility: hidden;}

方法四：宽高都为0，溢出隐藏，这也是隐藏元素的方法吧，哈哈！

{width:0;height:0;overflow:hidden}

方法五：定位，将元素位置移动到看不到的地方！

{position: fixed;left: -99999;top: -99999}