标头 h2、div 和字幕颜色在 Safari 中不起作用答案

【问题标题】：Header h2, div, and subtitle color not working in Safari标头 h2、div 和字幕颜色在 Safari 中不起作用
【发布时间】：2016-07-02 13:05:31
【问题描述】：

所以我的网站上的较暗部分有点问题。请记住，这只发生在 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;
}

【问题讨论】：

我们真的很想看看你到目前为止所做的尝试。编辑您的问题，向我们展示您的尝试，以便我们更好地帮助您。

标签： html css colors safari background-color

【解决方案1】：

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

尝试在现有的 CSS 中添加类似这样的内容：

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

【讨论】：

太棒了！这解决了我所有的问题！非常感谢！:)
@J.Bon - 没问题，乐于助人！ position:relative 值是 CSS 的关键版本，但我认为我也建议使用 z-index。这样可以确保元素按您需要的任何顺序排序:)
@thood87 很高兴知道这一切！我累了只使用 z-index，但我需要位置：相对于它。这真是一个巧妙的技巧。
@J.Bon - 快速提示： z-index 仅适用于定位元素