2013-05-27 28 views
0

http://www.milknhny.co.uk/SofiaWork/home/的z-index CSS問題

下面有一條橫幅,其中有一個箱子的影子,我想它坐在圖像的頂部。

伊夫試圖把絕對的z-index和位置上的div類.maincontentinner

但是背景似乎陷入困境(它是一個梯度),當我做到這一點。

任何想法,我可以如何實現這一目標?我有一個clearfix在那裏也

感謝

+0

包含相關代碼。 – SeinopSys

+0

我不知道如何解決它。我將如何解決這個問題就是在現在製作一個與你網站中高度相同的白色正方形,並讓它重複-x .. –

回答

2

style.css線431

.headerwrap { 
    width: 100%; 
    height: 218px; 
    background-color: #ffffff; 
    box-shadow: 3px 3px 8px #41434b; 
    posistion: fixed; 
    z-index: 99999; 
} 

變化posistionposition

+0

嗨大衛,我設法改變這一點,以及改變爲相對定位,而不是固定的,因爲顯然我不想這樣滾動。我的拼寫錯誤XD ..謝謝你。科斯蒂 –

0

首先,我會使用相對的而不是絕對的定位,因爲我不認爲你想破壞頁面流。

我申請:

position: relative; 
z-index: -1; 

到.maincontentinner,它似乎工作得很好。 「背景似乎搞亂了」是什麼意思?你在測試什麼瀏覽器?

+0

感謝這個Nathaniel,我把你的DJDavids和DJDavids的答案結合起來,謝謝 –