html背景图片只显示一张图片,img只显示图片一部分 或 css设置背景图片只显示图片指定区域(示例代码)...

17:14 2016/3/22

img只显示图片一部分 或 css设置背景图片只显示图片指定区域

background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域，图片左上角为0，0或0%，0%，右下角为高度和宽度，或100%，100%。

clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域，分别是上右下左的顺序设置

部分代码：

img

{

position:absolute;

clip:rect(30px 150px 200px 50px)

}

参考：http://www.w3school.com.cn/tiy/t.asp?f=csse_clip

body

{

background-image:url(‘bgimage.gif‘);

background-repeat:no-repeat;

background-attachment:fixed;

background-position:center;

}

参考：http://www.zgguan.com/doc/w3c/css/pr_background-position.asp.htm

求点赞:

对你有助请点赞，请顶，不好请踩------送人玫瑰，手留余香！