html - 背景图片，但带有不透明 CSS

Question

我有一个问题，我的背景没有从上到下涵盖整个网站。我知道是什么导致了这个问题，但我不确定如何解决它。我的 CSS 看起来像这样:

#background-img{
    display: block;
    position: absolute;
    background-image: url(http://images2.alphacoders.com/778/77840.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    width: 61.8%;
    margin-left: 19.1%;
    height: 100%;
    opacity : .3;
}

问题似乎发生在我添加高度的地方。但我不能不把它放在那里，因为没有任何背景。最初的问题是我需要图像上的不透明度，所以我也不能让它覆盖 wrapper ，因为这会给整个网站带来不透明度，而不仅仅是背景。

Answer 1

如果有人应该阅读这篇文章。我找到了解决办法。我只是将整个背景图像 div 移动到包装器 div 的顶部，并将位置固定。