Question

我在网站的全宽部分上看到了与徽标相同的颜色。因此，我使用了背景匹配技术：修复该问题是为了在整个网站上存在的常规徽标的顶部保留第二个“人造”徽标（仅用于设计）。

这在所有我需要的浏览器上都可以正常工作。但是前几天，我跳了一个旧的MBP，因为Chrome暂时没有更新，并注意到徽标的对齐方式恰好偏离了20px。

我已经用代码笔重新创建了它，认为这可能是我的布局存在一些填充/边距问题，但是即使在超级剥离的版本中，问题仍然存在。

background-position: calc(100vw - 185px) 20px;

我的第一个直觉是，这是我让背景位置向右对齐的一种稍微奇怪的方式。但是，即使我只使用简单的px值，同样的问题仍然存在。

任何想法都将不胜感激。

干杯。

Answer 1

对于26.0及更低版本的Chrome，请使用-webkit-calc。