css隐藏元素的几种方法
-
@H_301_3@
display:none(不占据空间，无法点击)
@H_301_3@visibility:hidden（占据空间，无法点击）
@H_301_3@visibility:hidden position:absolution（不占据空间，无法点击）
@H_301_3@opacity:0（占据空间，可以点击）
@H_301_3@width/height = 0（不占据空间，无法点击）
@H_301_3@position:absolute top:-999em（不占据空间，无法点击）
@H_301_3@position:relative top:-999em（占据空间，无法点击）
@H_301_3@height:0 overflow:hidden（不占据空间，无法点击）
@H_301_3@zoom:0.001 transform:scale(0)
@H_301_3@position:absolute clip:rec(top,right,bottom,left)
总结下来就下面这几种方法：
-
@H_301_3@
display
@H_301_3@visibility
@H_301_3@opacity
@H_301_3@position
@H_301_3@height
@H_301_3@scale
@H_301_3@clip
这个几个方法如果想点击到元素，就只有opacity；如果不想占据空间就通过absolute定位。
已经整理到plunker
原文链接：https://www.f2er.com/note/421442.html