중복되지 않고 다른 요소 위의 CSS 요소를 배치하려면

Question

CSS를 사용하여 시계를 만들려고하지만 요소 사이의 경계가 얇은 선으로 렌더링됩니다.이 선은 내가 원하지 않지만 왜 그 부분에 있는지 전혀 알 수 없습니다.

.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

라운드 코너를 만들려면

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

브라우저는 반투명 가장자리를 그릴, 부드러운 모양. 이제 똑같은 방식으로 그려지는 두 모서리가 겹쳐지면 그 경계 모서리에 어두운 색의 여물통이 보일 것입니다.

나는 이것을 피할 수 없습니다. 어쩌면 흰색 "숨겨진 경계선"을 1 픽셀 더 크게 인쇄 할 수는 있지만 응용 프로그램에 적합하지 않은 것 같습니다.