如何通过css将一个元素隐藏掉

css隐藏元素的几种方法

• display:none(不占据空间，无法点击)

• visibility:hidden（占据空间，无法点击）

• visibility:hidden position:absolution（不占据空间，无法点击）

• opacity:0（占据空间，可以点击）

• width/height = 0（不占据空间，无法点击）

• position:absolute top:-999em（不占据空间，无法点击）

• position:relative top:-999em（占据空间，无法点击）

• height:0 overflow:hidden（不占据空间，无法点击）

• zoom:0.001 transform:scale(0)

• position:absolute clip:rec(top,right,bottom,left)

总结下来就下面这几种方法：

• display

• visibility

• opacity

• position

• height

• scale

• clip

这个几个方法如果想点击到元素，就只有opacity；如果不想占据空间就通过absolute定位。

已经整理到plunker

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!