디자인 질문: 포럼의 방사형 배경 차원 변경

제품 지원
3

아, 맞다. background-attachment: fixed가 iOS에서 동작하지 않는다는 걸 잊고 있었네… 성능에 악영향을 미친다는 이유로 스크롤 시 전체 화면이 다시 그려지는 문제를 방지하기 위해 iOS에서 이 기능을 비활성화했거든.

대안은 몇 가지 있다…

예시 CSS 
body.mobile-view {
  background: none;
}

body.mobile-view:after {
  content:"";
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:-1;
  display:block;
  background: radial-gradient(circle at center, rgba(255,255,255,1) 50%, rgba(255,255,255,0)) fixed, url(https://forums.pickleballist.com/uploads/default/original/1X/e7792afe9a5b7fbd26141c3c21e82b70cd495069.svg) center top / 300px auto;
  background-size:cover;
}

…다만 이 방식으로 기능을 활성화하더라도 여전히 성능 문제가 발생할 수 있으므로, 이 방식에 만족하지 못한다면 모바일용 배경 처리 방식을 완전히 다르게 적용해 보는 것을 추천한다.