- 使用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);
}