body元素上使用background-origin樣式的疑問

最近在學(xué)習(xí)CSS3屬性中遇到background-origin，當(dāng)使用在body元素時(shí)有些疑問。

知識(shí)背景：我們知道每個(gè)元素都有三個(gè)矩形框，border box,paddig box,content box。當(dāng)我們給一個(gè)元素設(shè)置background-position屬性時(shí)，默認(rèn)其實(shí)是相對(duì)于padding-box的左上角。即對(duì)應(yīng)的css3中的屬性值是background-origin：padding-box。我們可以更改這個(gè)屬性。

問題：當(dāng)我使用給個(gè)屬性給div設(shè)置時(shí)沒有問題。但是我給body元素設(shè)置時(shí)不生效。請(qǐng)問一下原因。

代碼

html{
    font-size:100px;
}
body,html{
    padding:0;
    border :0 ;
    margin:0;
}
body{
    border:0.1rem dashed #333;
    padding:0.5rem;
    background: url(../images/sy1a.png) no-repeat #68a bottom right;
    background-origin: content-box;
    /* background-position: right 0.5rem bottom 0.5rem; */
}

效果圖：理想應(yīng)該是在方格區(qū)域顯示背景圖。