CSS切割图片只取图片中一部分

来源:互联网 发布:日语网络用语 ggk 编辑:程序博客网 时间:2024/06/05 15:00

转载自 脚本之家 http://www.jb51.net/css/150036.html

方法一:(已验证)

background: url(123.jpg) no-repeat  -140px -20px; (位置可以自定义)


方法二:(待试)

用img的clip属性中的rect,clip:rect(y1 y1 x2 x1)参数说明如下: 
y1=定位的y坐标(垂直方向)的起点 
x1=定位的x坐标(水平方向)的起点 
y2=定位的y坐标(垂直方向)的终点 
x2=定位的x坐标(水平方向)的终点 
注:坐标的起点是在左上角 

img{ 
position:absolute; 
clip:rect(20px 100px 50px 20px); 

0 0
原创粉丝点击