将posititon css元素置于另一个元素之上而不重叠

Question

我正在尝试用css制作一个时钟，但是元素之间的边界呈现为一条细线，我不想要它，并且不确定为什么它会存在。

http://codepen.io/Domynyk/pen/qNJGxA

.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);
}

Answer 1

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

我担心没有可能避免这种情况。也许你可以尝试打印你的白色＆＃34;隐藏边框＆＃34; 1px更大，但这似乎不适合您的应用程序。