Чтобы позиционировать элементы 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

Для того, чтобы круглый угол выглядят гладкими, браузеры нарисовать их с полупрозрачным краем. Теперь, если два угла, которые нарисованы точно таким же образом, перекрываются, вы увидите более темный цветной блеск на этом пограничном краю.

Боюсь, что нет возможности избежать этого. Возможно, вы можете попытаться напечатать белые «скрытые границы» на 1px больше, но это, похоже, не подходит для вашего приложения.