背景圖片的CSS問題

我正在嘗試將背景圖片添加到我的網站標題中。部分圖片應該由主要內容覆蓋。背景圖片的CSS問題

它被正確定位，但是即使我已經添加了z-index，主要內容並不包括背景圖片。

爲什麼會是這樣？

謝謝！

編輯：

如果你看看右邊你會看到褐殼蛋是未涉及的主要內容。你仍然可以看到它的一部分。

下面是一些代碼：

.header-navigation.back { 
    z-index:-1; 
    position:absolute; 
    margin-left:0; 
    margin-top:-6px; 
    border:none; 
display:block; height:137px; width:1171px; padding:0px; outline:none; text-indent:-9999px; 
background-image:url('http://frenchegg.com/images/backmenu.png'); 
}

，這裏是應該覆蓋圖像的主要內容：

.main-content { 
    z-index:99; 
    position:relative; 
    padding:1em 0 8.5em 0; 
    background:#fff; 
}

來源

2013-04-15 Robert Miller

請分享一些代碼或考慮制定小提琴，而不是僅僅指向鏈接到你的網站，因爲如果你的網站是沒有了，這個問題將是沒有用的給未來的訪問者 –

在我的瀏覽器中看起來不錯。 –

您可以根據需要放置任意數量的z-index ...「主要內容」位置不重合。「主要內容」遠遠低於。 – tiagojpdias

請在overflow:hidden CSS添加到header-wrap類

.header-wrap { 
    ... 
    overflow: hidden 
    ... 
}

，它應該看起來不錯。

日誌中問題：

從類.bann

刪除z-index: 99999和這個CSS添加到類tooltip-wrap

sorry something went wrong

感謝

來源

2013-04-15 18:06:07

啊，我道歉。我誤解了。我會修復它 –

@ LouisG.Talbot請看更新的答案 –

它完美的工作！但是，如果你點擊「登錄」，你應該看到一個登錄表單。雖然表單隱藏。我怎麼能解決這個問題？ –

好像你可以減少header-navigation.back規則的高度爲100px，而不是混亂z-index。

來源

2013-04-15 18:09:37 Caspar

我寧可蓋上它，因爲在移動版本上雞蛋完全顯示。 –

我改變了班恩類：

.bann { 
    cursor: pointer; 
    display: block; 
    height: auto; 
    position: relative; 
    width: 101.5%; 
    z-index: 99999; 
    margin-left: 12px; 
}

之後，它似乎確定的最新資訊，並通知我結果的;

我測試了螢火蟲上面的代碼;）

來源

2013-04-15 18:43:50

背景圖片的CSS問題

回答

相關問題