CSS之clip属性解惑

日前做项目时遇到一个局部遮罩的问题，查了下css手册的clip属性貌似可以解决此问题。

基本用法：clip:rect(top, right, bottom, left);

相关解释：

rect...表示可视区域，目前只支持矩形区域

以下四维均以容器本身为参照的相对距离

top:表示可视域距上边距离

left:表示可视域距左边距离

right:表示相对于left的偏移值，即可视域宽

bottom:表示相对于top的偏移值，即可视域高

换种命名方式也许好记： clip:rect(y, width, height, x);

切记保证元素的position:absolute才能生效！

关于css的clip属性可以参阅w3cschool教程 http://www.w3school.com.cn/css/pr_pos_clip.asp