將邊框的背景延伸到邊緣

Question

我有一個<div>元素，它具有10像素邊距，如下面的代碼所示。我的問題很簡單：如何將背景圖片放入邊緣？我嘗試使用CSS3 background-clip和background-origin子屬性，但他們沒有選擇將背景延伸到邊距。

CSS：

#pagesidebar 
{ 
    background-image:url('/Users/bagavatu/images/background.png'); 
    margin:10px; 
} 

HTML：

<div id="pagesidebar">Hello</div> 

我知道我可以在pagesidebar DIV追加到父DIV和simpyl應用背景圖像，但我寧願不需要新的div的解決方案。

Answer 1

開關margin: 10px組合做它padding: 10px，它應該做的伎倆。

Answer 2

你應該能夠與background-size和background-position

Answer 3

背景是相對於你的div，而不是邊距，而是使用填充。