html - 一个人如何像这样布置 z-index ？

Question

我正在设计一个网站，我希望“关于我”只出现在第二张图片上，而不是第一张图片上。如何布置 z-indexes 才能达到这种效果？我以前看过这种做法，觉得它真的很酷。

目前我有:

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

我做错了什么？

JSFiddle: http://jsfiddle.net/kxanfpum/5/

Answer 1

试试这个 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;
}