background-origin:規定 background-position 屬性相對於什么位置來定位


background-origin:border-box;
此時設置background-size:contain;

根據容器的邊框定位

例如:容器的盒模型如下:設置了padding:20px;border:rgba(0,0,0,0.5) solid 10px;

  

background-origin:content-box;
此時設置background-size:contain;

  

background-origin:padding-box/inherit;
此時設置background-size:contain;

  

background-origin:content-box;
此時設置background-size:conver;
右側padding+border並未隱藏

  

 

background-origin:padding-box/inherit;
此時設置background-size:cover;

右側border並未隱藏

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM