환영 배너의 배경 이미지와 관련하여 문제가 있습니다.
해당 사이트에서는 객체 저장을 위해 Cloudflare R2 S3 버킷을 사용 중입니다.
관리자 영역에서 배경 이미지를 업로드하면 올바르게 표시되며, 전체 크기로 보려면 클릭하면 작동합니다. 또한 마우스 오른쪽 버튼으로 클릭하여 새 탭에서 이미지를 표시하면 공용 버킷 URL을 사용하여 정상 작동합니다:
https://eufiles.technospider.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg
그러나 CSS에 주입되는 URL은 다음과 같습니다:
https://exotics-unlimited.7100e60b936991e069a3230dc05d4976.r2.cloudflarestorage.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg
로컬 저장을 사용하는 다른 사이트에서는 배너 배경 이미지가 정상적으로 작동합니다.
이것은 코드 버그인가요, 아니면 제가 무언가를 잘못하고 있는 건가요?
좀 더 파고들어서 보니 배경 이미지를 제어하는 CSS가 이것인 것 같습니다:
인스펙터에서 URL을 수동으로 교체하면 작동합니다.
다음과 같이 오버라이드를 시도해 보았습니다:
.custom-search-banner-wrap .welcome-banner__wrap {
background-image: "eufiles.technospider.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg";
}
하지만 작동하지 않습니다. 여전히 버그인 것 같습니다.