【发布时间】：2018-09-17 14:33:56
【问题描述】：
我有一个与徽标颜色相同的网站的全宽部分。所以我使用了 background-attatchment: fixed 以在整个网站上存在的常规徽标的顶部保留第二个“人造”（仅用于设计）徽标。
这在我需要的所有浏览器上都可以正常工作。然而，前几天我在 Chrome 有一段时间没有更新的旧 MBP 上跳了起来，并注意到徽标错位了 20 像素。
我在代码笔中重新创建了它，认为这可能是我的布局的一些填充/边距问题，但即使在超级剥离版本中，问题仍然存在。
最新的镀铬： correctly aligned logos 铬 v50： Issue cause by older versions of chrome
https://codepen.io/jaketh9000/pen/wEYWpB
background-position: calc(100vw - 185px) 20px;
我的第一直觉是，这将是我让背景位置向右对齐的一种有点奇怪的方式。但即使我只使用直接的 px 值，同样的问题仍然存在。
任何想法将不胜感激。
干杯。
【问题讨论】：
标签： html css google-chrome background-position background-attachment