.clip{
position:absolute;
clip: rect(10px 30px 20px 10px);
}
最后有必要说明下: clip:rect矩形剪裁只能作用于position:absolute
的元素上
。
可用性隐藏
根据上面对top right bottom left
的释义,如果
left >= right
或者
bottom <= top
,则元素会被完全裁掉而不可见,即“隐藏”。通过这种方式隐藏的元素是可以被屏幕阅读器等辅助设备识别的,从而提高了页面的可用性。