2014-11-22 252 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的頂部,並且改變了位置。