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