background-origin背景图片定位

语法

background-origin: padding-box|border-box|content-box;

background-Origin属性指定background-position属性应该是相对位置。

注意如果背景图像background-attachment是"固定"，这个属性没有任何效果。

padding-box	背景图像填充框的相对位置
border-box	背景图像边界框的相对位置
content-box	背景图像的相对位置的内容框

    
    
    


    

        
background-origin: border-box;背景图像相对于border来定位。
        
    
    


    

        
background-origin: content-box;背景图像相对于content来定位。
        
    
    


    

        
background-origin: padding-box;背景图像相对于padding来定位。
        
    

border的定位：

 

根据content来定位：

 

 

根据padding定位：