html - 在 Safari 中使用固定位置时文本被覆盖

Question

我最近为一家公司创建了一个网页 http://www.parkprivatewealth.com/park在 Chrome 上一切看起来都很好。但是，当使用 Safari 查看页面时，主页标题在使用固定位置时会被截断。当我尝试向上滚动更多时，文本就在那里，似乎有什么东西挡住了文本。

当我去掉CSS中的“position: fixed”标签时，这个词又出现了，请问有谁知道如何解决这个问题吗？

Answer 1

问题:当 header 更改为固定 位置时，它会被拉出文档流，并且 .container 元素会向上推。由于您没有使用 top、left 等，因此 h1 元素会随着 .container 向上移动

解决方案:将padding-top 添加到.container 元素。它应该与页眉高度相同。