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