我的文字去了哪里？

Question

在我的site上，我希望在音乐家的图像顶部找到下面代码段中的文字。

<div class="brand">
    <h1>Looking for a musician at short notice?</h1>
    <div class="line-spacer"></div>
    <p><span>We can help</span></p>
</div>

目前尚未显示。我认为这是一个z索引问题，但我不确定解决方案。

有什么想法吗？

修改

相关CSS：

#intro .brand
{
    margin-top: 40px;
}


.line-spacer
{
    width: 20%;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom: 25px;
    border-bottom:1px solid #fff;
}

h1
{
    font-size: 36px;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6
{
    color: #3a3a3a;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

Answer 1

从#intro

中删除溢出

#intro {
 overflow-y: hidden;
}

Answer 2

你有定位和z-index的问题

截至目前，它位于艺术家形象下方，而不是位于其上方，因为它位于其他显示层的后面，所以无法看到文字！

尝试缩小top-margin并添加z-index:1