日前做项目时遇到一个局部遮罩的问题,查了下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
相关推荐
这个效果使用css3 clip属性、CSS transitions和jQuery完成。当点击一张图片后,图片放大到全屏的动画效果,共有两种效果。
包含css的所有属性包含css的所有属性包含css的所有属性
CSS3 动画属性(Animation) CSS 边框属性(Border 和 Outline) CSS 背景属性(Background) Color 属性 Box 属性 CSS 尺寸属性(Dimension) 内容生成(Generated Content) 可伸缩框属性(Flexible Box) Grid ...
CSS style属性 大全 内含CSS的style属性详情,对style属性的快速学习提高参考
clip属性是一个比较有用的属性,但往往在实际应用中,并不多见,而jb51.net介绍的也很少。应用clip属性需要注意的两点: 一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以...
CSS CSS属性 速查表 CSS属性速查表
css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全
CSS常用属性和属性大全,CSS常用属性和属性大全,CSS常用属性和属性大全
css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全
CSS中有一个属性叫做clip,为修剪,剪裁之意。 clip 属性剪裁绝对定位元素。这个属性用于定义一个剪裁矩形。对于一个绝对定义元素,在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。 ...
主要介绍了CSS中clip-path属性的使用详解,clip-path属性可以创建一个只有元素的部分区域可以显示的剪切区域。非常具有实用价值,需要的朋友可以参考下
主要介绍了css中background-clip属性的作用,background-clip属性的通俗作用就是指定元素背景所在的区域,对css中background-clip属性的相关知识感兴趣的朋友一起看看吧
JS中的CSS_Style属性标签对照表.docx 含有CSS 的详细属性说明
滚动条的css属性滚动条的css属性滚动条的css属性
CSS常用属性,CSS所有属性!!CSS常用属性,CSS所有属性!!
CSS和DOM属性用法速查手册.doc
CSS代码属性大全 全面介绍CSS主要属性
css常用属性
CSS属性解释,常见的CSS属性,还包括DIV+CSS常属性
最全最细的css属性思维导图,css所有的属性几乎都列在这里了。 注意这只是一个思维导图,没有对每个属性的具体描述,相当于只是css属性的一个罗列汇总。介意者慎载。