Header h2、div 和字幕颜色在 Safari 中不起作用

Question

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

当我向下滚动时，"review"、"Some fun facts" 和 "contact" 都变暗了。我尝试做一些 -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;
}

Header h2、div 和字幕颜色在 Safari 中不起作用

Header h2, div, and subtitle color not working in Safari

html

css

safari

colors

background-color