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

时间:2021-03-28 00:50:25

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

个人创业群,欢迎加入,后期想法分享, 欢迎技术,运营,产品等伙伴入伙 QQ群: 216174286 入群验证信息包含 1169 即可.
求点赞:
对你有助请点赞,请顶,不好请踩------送人玫瑰,手留余香!

2018 php的flush和ob_flush不起作用 整理解决成功解决.
要点 : 使用函数 str_repeat2处配置:检查php.ini.Nginx 中有下面两个设置使用方式:echo str_repeat(‘-‘, 1024*4);//fastcgi_buffer_size 数多大。1024就乘以几,否则也会达不到效果


参考两个: PHP flush 失效问题 (实时显示) https://blog.csdn.net/gouyuanyang/article/details/72528975
php的flush和ob_flush不起作用?https://www.zh30.com/php-flush-ob-flush-notwork.html
个人创业群,欢迎加入,后期想法分享, 欢迎技术,运营,产品等伙伴入伙 QQ群: 216174286 入群验证信息包含 1169 即可.

 

购买阿里云相关服务,这里可以领取优惠券, 有的产品5折优惠哟, 注意, 领取的优惠券30天内有效,尽快使用:
领取方式:进入链接后 页面下拉 一键领取全部 或者按需每次领取对应的优惠,领取链接:
点击此处链接领取
https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=s306eooi&utm_source=s306eooi
如果有需要, 可以帮助部署LNMP环境, 价格80,学生可以商量

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