CSS clip:rect矩形剪裁功能及应用

.clip{

        position:absolute;

        clip: rect(10px 30px 20px 10px);

      }

最后有必要说明下：clip:rect矩形剪裁只能作用于position:absolute的元素上。

可用性隐藏

根据上面对top right bottom left的释义，如果left >= right或者bottom <= top，则元素会被完全裁掉而不可见，即“隐藏”。通过这种方式隐藏的元素是可以被屏幕阅读器等辅助设备识别的，从而提高了页面的可用性。