html - 标题 h2、div 和字幕颜色在 Safari 中不起作用

Question

所以我的网站上的深色部分有点问题。请记住，这只发生在 Safari 中。

当我向下滚动时，“评论”、“一些有趣的事实”和“联系方式”都变得非常暗。我尝试做一些 -webkit- 业务，但似乎没有任何效果。我的网站是www.justinbonfini.com .同样，您必须在 Safari 中查看它，看看会发生什么。

谢谢!

HTML

<div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
     <h2>Reviews</h2>

     <div class="devider"></div>
     <p class="subtitle">What people say about me</p>
</div>

CSS

.page-header {
    margin: 0 0 40px 0;
    padding: 0;
    border: none;
}
.page-header h2 {
    text-transform: uppercase;
}
p.subtitle {
    letter-spacing: 2px;
    margin-top: 10px;
}   

Answer 1

看起来这些部分中的 cover div 位于 h2 容器 div 之上。使用 z-index 您可以将元素定位到前面。

尝试将类似这样的内容添加到您现有的 CSS 中:

.page-header {
  z-index:1;
  position:relative;
}