- 使用display:none以及visibility:hidden,隐藏内容不可以被辅助阅读设备识别
- 使用absolute隐藏于显示元素是会产生重绘而不会产生强烈的回流。而使用display:none不只会重绘,还会产生回流,DOM影响范围越广,回流越强烈。因此,就JavaScript交互的呈现性能上来说,使用absolute隐藏是要优于display相关隐藏的。
.hidden{
position:absolute;
top:-9999em;
}
.hidden{
position:absolute;
clip: rect(1px, 1px, 1px, 1px);
}