将边框的背景延伸到边缘

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，而不是边距，而是使用填充。