码迷,mamicode.com
首页 > 其他好文 > 详细

clip原理

时间:2015-03-04 12:38:26      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

1、clip的概述:

clip是修剪之意

clip有4个属性值:inherit auto rect(20px,40px,60px,0px) !important 其中有作用的仅rect这个属性值,着重理解rect中这个属性,

rect可以设置4个值,分别代表(top,right,bottom,left)

例如一张300px*300px的画布,需要在这一块画布上进行剪裁,且rect里面的值,分别设置为rect(20px,280px,280px,20px);会出现什么样的结果呢~什么都不会出现

2、使用clip的注意点:

  2.1、需要配合position:absolute使用

3、结果:配合使用了position:absolute后,会出现什么样的结果呢~

技术分享

截取的部分为:绿色那部分

 

clip原理

标签:

原文地址:http://www.cnblogs.com/zouer/p/4312728.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!