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

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

根據容器的邊框定位css

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

  

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並未隱藏

  

相關文章
相關標籤/搜索