帶視差的CSS疊加

我創建了一個具有幾種不同視差背景的網頁模型。該設計要求視差滾動條中的內容覆蓋它們的靜態元素。最簡單的方法是看演示網站：http://44a.a8b.myftpupload.com/帶視差的CSS疊加

在下面的部分中，您將看到覆蓋黑磚視差背景的個人資料圖片。最上面的輪廓選擇被切斷，而不是覆蓋上面的內容。我玩過各種各樣的Z-索引和位置，但似乎無法解決這個問題。

幫幫我Stackoverflow-Kenobi ....你是我唯一的希望。

2015-11-24 Chris Porter

請在此處添加有意義的代碼和問題描述。請不要鏈接到需要修復的網站 - 否則，一旦問題得到解決，或者您鏈接到的網站無法訪問，此問題將對未來的訪問者失去任何價值。發佈 [最小，完整和可驗證示例（MCVE）]（http://stackoverflow.com/help/mcve）顯示您的問題將幫助您獲得更好的答案。欲瞭解更多信息，請參閱 [我網站上的某些內容不起作用。我可以只粘貼一個鏈接嗎？]（http://meta.stackexchange.com/questions/125997/）謝謝！ – j08691

這是因爲您正在使用您的網頁上下面的CSS

.profiles { 
    margin-top: -150px; 
}

你不應該使用這個或這個餘量減少到-100px如下：

.profiles { 
    margin-top: -100px; 
}

嘗試將工作完美。

來源

2015-11-24 18:42:14

這會將配置文件移動到視差內容區域。我希望它重疊上面的白色容器，因此額外的50px。目前它藏在白色容器下，而不是頂部。 –

這個類有一個CSS'.hsContainer'從這個類的css中移除'overflow：hidden;'它可以正常工作 –

帶視差的CSS疊加

回答

相關問題