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

Question

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

当我把CSS中的"position: fixed"标签去掉后，这个字又出现了，请问有谁知道怎么解决吗？

Answer 1

问题：当header变为fixed位置时，它被拉出文档流，.container元素向上推.由于您没有使用 top、left 等，因此 h1 元素会随着 .container

向上移动

解决方法：在.container元素中添加padding-top。它应该与 header 高度相同。