iPhone에서 사이트의 이미지 영역이 제대로 표시되지 않아요. 왜 그런가요?

개발
4

안녕하세요 :waving_hand:

직접 테스트해 보진 않았지만, 제 생각에는 background-attachment: fixed; 때문에 발생하는 것 같습니다.

위에서 공유해 주신 코드는 다음과 같습니다:

.title-container {
  background: no-repeat center/cover fixed;
}

이것은 다음과 같은 의미를 가집니다:

.title-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; // 이 부분이 문제를 일으킴
}

이 경우 background-attachment: fixed;가 꼭 필요한가요?

아마도 일종의 패럴랙스 효과를 만드는 것 같긴 합니다. 하지만 이를 위한 최선의 해결책은 아닙니다… 브라우저 지원이 좋지 않을 수 있고, 사용자의 용도에 꼭 필요하지 않을 수도 있으니까요.