背景图片,但具有不透明度css

时间:2014-11-22 21:42:13

标签: html css background-image opacity scaling

我的背景问题不是从上到下覆盖整个网站。我知道导致这个问题的原因,但至于修复它我不确定。我的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;
}

问题似乎发生在我增加高度的地方。但我不允许不在那里,因为那里没有任何背景。最初的问题是我需要在图像上使用不透明度,所以我不能让它覆盖包装器,因为这将使整个网站不透明,而不仅仅是背景。

1 个答案:

答案 0 :(得分:0)

如果有人读过这篇文章。我找到了解决方案。我只是将整个背景图像div移动到非常包装div的顶部,并将位置固定,而不是。