css中页面元素隐藏

display:none visibility:hidden opcity:0
页面中 不存在 存在 存在
重排 不会 不会
重绘 不一定
自身绑定事件 不触发 不触发 能触发
transition 不支持 支持 支持
子元素可复原 不能 不能
被遮挡的元素可触发事件 不能

其他:
1.设置height,width,margin,padding,border等属性为0,overflow:hidden
2.postion:absolute top:-9999px 将元素移除可视区域
3.clip-path:polygon(0px…)裁剪

你可能感兴趣的:(css)