【问题标题】: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 仅适用于定位元素
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-18
  • 1970-01-01
  • 2021-05-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多