juejin.cn

隐藏术 是否有盒模型 是否影响布局 屏幕上是否可见 屏幕阅读器是否可读 元素是否可操作
display: none ❌ ❌ ❌ ❌ ❌
hidden=true ❌ ❌ ❌ ❌ ❌
hidden=false ✅ ✅ ✅ ✅ ✅
visibility:hidden ✅ ✅ ❌ ❌ ❌
opacity:0 ✅ ✅ ❌ ✅ ✅
position:absolute ✅ ❌ ❌ ✅ ✅
clip-path ✅ ✅ ❌ ✅ ❌
mask ✅ ✅ ❌ ✅ ✅
改变盒模型尺寸 ✅ ✅ ❌ ✅ ✅
transform ✅ ✅ ❌ ✅ ✅