我最近为一家公司创建了一个网页 http://www.parkprivatewealth.com/park在 Chrome 上一切看起来都很好。但是,当使用 Safari 查看页面时,主页标题在使用固定位置时会被截断。当我尝试向上滚动更多时,文本就在那里,似乎有什么东西挡住了文本。
当我去掉CSS中的“position: fixed”标签时,这个词又出现了,请问有谁知道如何解决这个问题吗?
最佳答案
问题:当 header 更改为固定
位置时,它会被拉出文档流,并且 .container 元素会向上推。由于您没有使用 top
、left
等,因此 h1
元素会随着 .container 向上移动
解决方案:将padding-top
添加到.container 元素。它应该与页眉高度相同。
关于html - 在 Safari 中使用固定位置时文本被覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32079765/