将css元素放置在其他元素之上而不重叠

我试图用css制作一个时钟，但是元素之间的边界呈现为一条细线，我不想要，也不知道它为什么会在那里

---

为了使圆角看起来平滑，浏览器使用半透明边绘制圆角。现在，如果以完全相同的方式绘制的两个角重叠，您将看到该边界边缘上较暗的颜色发光槽

---

恐怕这是无法避免的。也许您可以尝试将白色“隐藏边框”打印大1倍，但这似乎不适合您的应用程序。

不正确重叠是什么意思？你能给我们一个想要的行为的图像吗？白色的“隐藏”元素并没有完全覆盖它们下面的元素，看起来它们三个都有边界。

.second {
  z-index: 10;
  border: 30px solid transparent;
  border-top: 30px solid #4C5864;
  border-right: 30px solid #4C5864;
}

#second-hide {
  z-index: 100;
  border-top: 30px solid rgb(235, 235, 235);
  border-right: 30px solid rgb(235, 235, 235);
}