사파리 CSS의 문제 (? 부정적인 마진)

Question

나는 Safari에서이 문제를 가지고 :

내가이와 놀이를 위해 바이올린 https://jsfiddle.net/hbadvb02/6/을 만들 수 있습니다.

Edge, IE, Chrome 및 Firefox에서 작동하며 실제로 이해가되지 않습니다. 매우 실망 스럽습니다.

나는 -webkit-transform: translate3d(0, 0, 0);을 사용하려고했지만 아무 것도 사용하지 않았습니다.

Answer 1

문제는 여기에 있습니다 :

.zchead { 
    margin-left: -1px; 
    margin-top: -26px; 
    height: 32px; 
    width: @zc-width - 1px; 
    line-height: 26px; 
    background: @zc-background; 
    padding: 2px 7px; 
    cursor: pointer; 
    text-transform: capitalize; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: block; 
    position: fixed; 
} 

시도가 고정 된 위치를 제거하고 그것을해야 작동 (테스트하지) 내 컴퓨터에서