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

Posted 2020-06-27

17:14 2016/3/22
img只显示图片一部分 或 css设置背景图片只显示图片指定区域
background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域，图片左上角为0，0或0%，0%，右下角为高度和宽度，或100%，100%。
clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域，分别是上右下左的顺序设置

部分代码：
<style type="text/css">
img
{
position:absolute;
clip:rect(30px 150px 200px 50px)
}
</style>
<img border="0" src="/i/eg_bookasp.gif" width="120" height="151">
参考：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

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