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

個人創業群,歡迎加入,后期想法分享, 歡迎技術,運營,產品等伙伴入伙 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,學生可以商量

總結

以上是生活随笔為你收集整理的css 设置背景图一半_img只显示图片一部分 或 css设置背景图片只显示图片指定区域...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。