在Internet Explorer中裁剪的背景圖像

Question

我已經設置了一個背景，我期望它是其他一些div背後的屏幕寬度。

我已經設置的z索引爲-1所以會出現後面的div 2在其然而鉻工作正常，IE似乎之前切斷背景關閉在容器的寬度和之後（980px）

我的代碼：

.container { 
    width: 980px; 
    background: transparent; 
} 
.container-footer { 
    position: relative; 
    background: url(images/footer-bg.png) no-repeat center top; 
    width: 100%; 
    z-index: -1; 
    margin-top: -100px; 
    height: 200px; 
} 

<div class="container"> .. content .. </div> 
<div class="container container-footer"></div> 
<div class="container"> .. content .. </div> 

下面是在Chrome中的作用：

這是在Internet Explorer 8的效果：

完整的代碼可以在這裏找到：http://www.signatureblindsbrisbane.com.au/（向下探底（簽署合作區）

Answer 1

你有幾個問題與你的Z-指數。因此，第一個DIV元素位於底部（z-index：1），第二個位於中間（2），第三個位於絕對頂部（3）。

其次，除非您應用特定的位置屬性（例如絕對或相對），否則z-index根本不起作用。