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

Question

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

当我离开＆＃34;位置时：固定＆＃34; CSS中的标签再次出现，是否有人可能知道如何解决问题？

Answer 1

问题：当标题更改为fixed位置时，它会从文档流中拉出，并且.container元素会向上推。由于您未使用top，left等，h1元素会向上移动.container

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