html - 如何在页眉背景图片上方添​​加一个 20px 的 div(使用 Fiddle)

Question

在我的页面顶部，我有如下背景图片 ( http://jsfiddle.net/VnXxj/3/ )

<div id="header">
Register/Login
</div>

#header {
    background: url("image.png") repeat-x scroll center bottom;
    height: 37px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

除了在 Photoshop 中增加图像的高度，有没有办法在图像上方添加 20px 高度的 div？

我试过 background: url("image.png") repeat-x scroll center bottom #888888; 但是图像有一个透明的结尾，它弄乱了它。

谢谢你

Answer 1

尝试:#header { margin-top:20px; }