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

Question

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

当我在CSS中取下"position: fixed"标签时，单词再次出现，有人可能知道如何解决这个问题吗?

Answer 1

问题:当标题更改为fixed位置时，它被拉出文档流并且.container元素向上推。由于您没有使用top, left等，因此h1元素使用.container

向上移动。

解决方案:将padding-top添加到。container元素中。