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

css实现隐藏元素的方法:

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

{display:none; }

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

{opacity: 0;}

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

{visibility: hidden;}

方法四:宽高都为0,溢出隐藏,这也是隐藏元素的方法吧,哈哈!

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

方法五:定位,将元素位置移动到看不到的地方!

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