将背景扩展到边距

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

背景是相对于你的div而不是边距，而是使用填充。

Answer 3

您应该可以使用background-size和background-position

的组合来完成此操作