在其他內容頂部的CSS背景圖像？ （當使用封面）

Question

我有一個CSS背景圖像，我用來填充整個屏幕。我正在使用cover以及一些IE回退。當加載它的背景圖片涵蓋了頁面上的所有內容時，我無法弄清楚原因。下面是代碼：

CSS：

#background-wrap{ 
background: url(/2012/images/august/moon-background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
/* Cover for IE 7/8 */ 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/2012/images/august/moon-background.jpg', sizingMethod='scale'); 
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/2012/images/august/moon-background.jpg', sizingMethod='scale'); 
/* End Cover for IE 7/8 */ 
background-size: cover; 
background-color: transparent !important; 
position:fixed; 
top: 0; 
left: 0; 
width: 100%; 
height:100%; 
max-width:3000px; 
max-height:1500px; 
z-index:1; 
} 

.img-center{ 
    text-align: center; 
    z-index:9999; 
} 

HTML：

<div class="img-center"> 
    <img src="/2012/images/august/neil-armstrong.png" class="feature-image" /> 
</div> 
<!-- More Content --> 
<div id="background-wrap"></div> 

我不知道爲什麼，這是不行的。

注意：出於兼容性原因，我不會將背景環繞CSS分配給body或html標記，以便與IE 8及更低版本兼容。這是爲什麼：

任何人試圖用上述IE過濾器和具有滾動條或死鏈接或任何其他問題，應使用它們的html或body元素上嘗試不。但是取而代之的是一個100％寬度和高度的固定位置div。

Answer 1

你需要包裹你的背景環繞內容，而不是在它之後。

<div id="background-wrap"> 
<div class="img-center"> 
    <img src="/2012/images/august/neil-armstrong.png" class="feature-image" /> 
</div> 
<!-- More Content --> 
</div>