隐藏内容,且可以被辅助阅读设备识别

  • 使用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);
}
相关文章
相关标签/搜索