html - safari 中的 z-index 问题

Question

我在处理 safari 中固定元素的 z-index 时遇到了一些问题。我在 firefox 中创建了滚动站点，甚至不需要为简单文本 div 指定 z-index 以使其位于其他内容的后面，直到向下滚动到。但出于某种原因，在 Safari 中它会出现在其他所有内容的前面。我已经尝试为它创建一个负 z-index 并为其他所有内容创建一个正 z-index 但没有改变。这是它的代码。

感谢您的帮助!

如果这有助于更有意义的话，这里还有查看它的链接(您必须登录才能查看该站点 - 使用用户名 stackoverflow 密码:stackoverflow

http://lynchbryan.com/wp-login

<div id="tagline">
   <span class="tags">We</span><span class="tagl">partner</span> <span class="tags">with clients to</span> </br><span class="tagl">cultivate</span> <span class="tags">the</span> <span class="tagl">potential</span><span class="tags"> of people</span>
</div>

#post-16 #tagline {
    position:fixed;
    bottom:50%;
    text-align: center;
    left: 50%;
    z-index:-999;
}

#post-16 .tags {
    font-family:'AndesLight';
    font-size:23px;
    color:#ffffff;
    padding:0 10px;
}

#post-16 .tagl {
    font-family:'ThirstyRoughReg';
    font-size:50px;
    color:#ffffff;
}

Answer 1

我不建议尝试使用 z-index 隐藏某些内容。相反，您应该尝试 display: none;。如果这不是您遇到的问题，那么我仍然不建议设置负的 z-index 值。将这些值保持在 0 或以上是一种很好的做法。尝试将其他所有内容的 z-index 设置为更高的数字，例如 3 或 4，然后将 #post-16 #tagline 设置为 1 或 2。

编辑

根据您的评论，您希望隐藏.tags 和.tagl。您应该执行以下 CSS 规则，忽略 z-index:

.tags, .tagl { display: none; }