Question

所以我在我的网站上遇到了一些问题，其中有较暗的部分。请记住，这只发生在Safari中。

当我向下滚动时，＆＃34;评论＆＃34;，＆＃34;一些有趣的事实＆＃34;和＆＃34;联系＆＃34;一切都很黑暗。我尝试做一些-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;
}

标题h2，div和字幕颜色在Safari

1 个答案: