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