Question

我怀疑这与浏览器中的一些错误有关，包括不透明度，转换和翻译。

我无法在代码段中重现故障，因此我必须指向您的实时网站：

我的完整源代码位于：MightyPork/tzork，包括编译为CSS和JS的SCSS和Typescript。如果你有时间并且可以重现这个错误，那么如果你试图找到错误的话，我将非常感激。我之前从未见过这样的事情。

当您将鼠标放在标签上时，它们会在一侧获得背景和边框，宽度应为2px。有时候，Chrome只显示一个像素。当我将宽度更改为1px时，有时它根本没有显示边框（仅在角落附近）。

enter image description here

你可以清楚地看到它有多么不一致。我的浏览器缩放率为100％，因此不是原因。

我不确定是什么，但它显然取决于当前时间=角度=标签位置和窗口大小。

我将位置四舍五入到最近的像素，因此分数位置不是原因。我也试过四舍五入到奇数/偶数像素，但是也没有帮助。

另一个问题是，在Firefox中，有时悬停标签会导致钟面上的数字移动/更改字母间距。我没有得到它，根本就没有联系。

在Chrome中，有时会在背景图像上出现怪异的拼贴小故障（特别是当开发工具面板打开时）。

Answer 1

好的，所以解决方案：

我在整个地方添加了这个，渲染故障已经消失。

-webkit-transform: translate3d(0,0,0);

我不明白。