2014-11-22 218 views
0

我有一个问题与我的背景不覆盖整个网站从上到下。我知道是什么原因造成这个问题,但为了解决这个问题,我不确定。我的CSS是这样的:背景图像,但与不透明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; 
} 

这个问题似乎发生在在这里我补充高点。但我不允许不在那里,因为那里不会有任何背景。这个问题最初是因为我需要图像上的不透明度,所以我不能仅仅使它覆盖包装,因为这会给整个网站造成不透明,而不仅仅是背景。

+0

如何解决这个问题的jsfiddle(或其他)? – 2014-11-22 21:47:50

回答

0

如果有人曾经阅读过这篇文章。我找到了解决方案。我只是将整个background-image div移动到非常包装div的顶部,并且改变了位置。