질문

저는이 웹사이트에서 작업하고 있습니다 : http://novoayaburto.cl

메인 히어로 배경 이미지는 Mac OSX 10.11에서 실행되는 Safari 9 브라우저의 버그를 제외하고 모든 브라우저 (모바일)에서 잘 작동합니다.

다음은 Safari의 버그에 대한 화면 캡처입니다.

Safari 9에서 깨진 배경 위치

나는 background-size : cover를 사용하여 다른 모든 브라우저 (깨진 이미지를 보여주는 Safari 제외)에 표시되는 예상 동작을 생성합니다.

Safari에서만 발생하는 이유는 무엇입니까?이 문제를 어떻게 해결할 수 있습니까?

답변1

귀하의 웹사이트를 검사합니다. In safari transform : translate3d (0px, 0px, 0px)is missing. 그것이 반 이미지 문제를 일으키는 이유입니다.

이 CSS 스타일을 넣은 후에는 safari에서 전체 크기의 영웅 이미지를 볼 수 있습니다.