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

标签 html css safari fixed

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

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

最佳答案

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

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

关于html - 在 Safari 中使用固定位置时文本被覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32079765/

相关文章:

html - 将外部 svg 文件与其 html 代码链接起来

javascript - 无法在网格中获取有效的 Xpath 表达式

html - 将导航栏扩展到全宽

HTML 和 CSS 浏览器兼容性问题

php - 如何阻止内容在固定标题下滚动?

html - 图片和 alt 中的 CSS 选择器

html - 为什么 CSS 表现得很奇怪?

css - Bootstrap Reveal Footer 修复了在 Safari 上不工作的问题

ios - 无法在 iOS safari 中获取 WebRTC 的本地候选者

caching - 在浏览器中禁用缓存