我有一个与徽标颜色相同的网站的全宽部分。所以我使用了background-attatchment：固定在整个网站上存在的常规徽标顶部保留第二个“仿”（就像它的设计一样）徽标。
这也适用于我需要的所有浏览器。然而，前几天我跳过一个旧的MBP，Chrome没有更新一段时间，并注意到徽标与20px完全不对齐。
我在codepen中创建它认为它可能是我的布局的一些填充/边距问题，但即使在超级剥离版本中问题仍然存在。
最新的铬：correctly aligned logos chrome v50：Issue cause by older versions of chrome
https://codepen.io/jaketh9000/pen/wEYWpB
background-position: calc(100vw - 185px) 20px;
我的第一直觉是，我的背景位置与右侧对齐会有点奇怪。但即使我只使用直接的px值，同样的问题仍然存在。
任何想法将不胜感激。
干杯。
对于Chrome 26.0及更低版本，请使用-webkit-calc。