一個人如何像這樣佈置z-索引？

我正在設計一個網站，我希望「關於我」只出現在第二張圖片上，而不是第一張。我如何佈置z-index以實現這一效果？我以前見過這個，認爲它非常酷。一個人如何像這樣佈置z-索引？

目前我有：

z-index:100; /*overlay*/ 
z-index:10; /*splash*/ 
z-index:0; /*break*/

我在做什麼錯？

的jsfiddle： http://jsfiddle.net/kxanfpum/5/

來源

2014-12-23 rb612

試試這個solution，希望這有助於：

#break { 
    height:400px; 
    background-image: url("http://img.inspiringwallpapers.net/wp-content/uploads/2013/10/new-york-skyline-at-sunset-from-high-above.jpg"); 
    background-attachment: fixed; 
    position: relative; 
    text-align: center; 
    color:#fff; 
    z-index: 11; 
} 
#break h1 { 
     top:0px; 
     left: 0px; 
     font-size: 99.5px; 
     position: absolute; 
    z-index: 0; 
}

來源

2014-12-23 09:46:31 Peter

試試這個，您使用的position:fixed爲#break h1，所以我改變了固定絕對

#break h1 { 
     top:0px; 
     left: 0px; 
     font-size: 99.5px; 
     position: absolute;/*changed fixed to absolute*/ 
}

我希望對你有用。，

來源

2014-12-23 09:59:02 Sathish

一個人如何像這樣佈置z-索引？

回答

相關問題