html - 将背景扩展到边缘

Question

我有一个<div>具有 10 像素边距的元素，如下面的代码所示。我的问题很简单：如何将背景图像扩展到边缘？我尝试使用 CSS3background-clip和background-origin子属性，但它们没有将背景扩展到边缘的选项。

CSS：

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

HTML：

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

我知道我可以将pagesidebardiv 附加到父 div 中，并在此处简单地应用背景图像，但我更喜欢不需要新 div 的解决方案。

score 5 · Accepted Answer

5

切换margin: 10px到padding: 10px它应该可以解决问题。

于 2012-12-25T00:14:07.053 回答

score 2 · Accepted Answer

2

背景与您的 div 相关，而不是与边距相关，请改用填充。

于 2012-12-25T00:22:45.153 回答

score 0 · Accepted Answer

0

于 2012-12-25T00:14:00.853 回答

3 回答 3