利用css隐藏元素的几种方式

面试题 请列举几种隐藏元素的方法

• visibility: hidden; 这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在

• opacity: 0; CSS3属性，设置0可以使一个元素完全透明

• position: absolute; 设置一个很大的 left 负值定位，使元素定位在可见区域之外

• display: none; 元素会变得不可见，并且不会再占用文档的空间。

• transform: scale(0); 将一个元素设置为缩放无限小，元素将不可见，元素原来所在的位置将被保留

• <div hidden="hidden"> HTML5属性,效果和display:none;相同，但这个属性用于记录一个元素的状态

• height: 0; 将元素高度设为 0 ，并消除边框

• filter: blur(0); CSS3属性，将一个元素的模糊度设置为0，从而使这个元素“消失”在页面中