html - 为什么我的 transparant 'second' 背景图像不居中？

Question

我想在网页的平铺背景上放置一个具有一定透明度(白色列)的 PNG。它应该在整个页面上垂直(而不是水平)拉伸(stretch)/平铺。我只是在使用 CSS 和 HTML。我猜我缺乏对 DIV 和 CSS 的理解，为此我深表歉意。 由于大量摆弄，这就是我所拥有的:

body { 
    background-image:url(bin/back.png);
    background-position:left bottom;
}
#second-background {
    position:absolute;
    height:100%;
    top:0;
    margin: auto;
    background-image: url(bin/column.png);
    background-repeat: repeat-y ;
}

它正在显示，但我无法将其居中，除此之外，它还取代了我的其余内容。我已经通读了关于 thinkvitamin 的 how-to-recreate-silverbacks-parallax-effect，但我自己无法让它发挥作用。

Here's指向演示的链接，您可以在其中看到它的运行情况。

Answer 1

我认为您需要在#second-background 上设置固定宽度。否则，如果其中没有内容，它就没有宽度。

编辑:抱歉，我没有仔细阅读您的问题。让我看看演示并进一步调查。

编辑 2: 好的，如果您想要整个页面上的白色列图像居中，那么您需要将 #second-background 设置为 width: 100%; 和 background-position: center top;。这也将允许 #inner-body 正确居中。

如果这不是您想要的，请告诉我。