설정에서 지정된 이름으로 이미지를 참조하는 방법?

개발
6

맞아요. 제 환경에서는 작동하는 줄 알았는데, 그렇지 않나 보네요. :thinking:

대안으로, js를 통해 사용자 지정 CSS 속성을 설정하는 방법을 소개합니다.

document.documentElement.style.setProperty(
  "--hat-url",
  `url(${settings.theme_uploads[settings.hat_type]}`
);

body {
  background: var(--hat-url);
}

settings.theme_uploads에는 업로드한 파일 목록이 포함됩니다.
예를 들어:
image

그런 다음 설정에 따라 사용자 지정 속성을 설정합니다.

테스트 결과, url(var(--hat-url)) 형태로 작성하면 작동하지 않아서, url()을 사용자 지정 속성에 직접 전달했습니다.