이미지/동영상이 표시되지 않을 때 확인 – ZenBlocks buttonBasic
결론
이미지/동영상 미표시는 대부분 **미디어 미설정, 잘못된 파일 경로, 과도한 오버레이, 크기/위치 설정 오류**로 발생합니다.
—
원인
1. 미디어가 설정되지 않음
2. 파일 이동/삭제로 참조 깨짐
3. 오버레이 알파값 과다(예: 1.0)
4. 크기/위치 값 오류
5. 표시 설정에서 비활성화됨—
해결 절차
### 1단계: 미디어 설정 확인
배경 미디어:
1. 배경 설정 패널을 엽니다.
2. 이미지/동영상 URL을 확인합니다.
3. 미디어 라이브러리 파일 존재 여부를 확인합니다.썸네일:
1. 썸네일 설정 패널을 엽니다.
2. 이미지 선택 및 표시 토글 상태를 확인합니다.### 2단계: 오버레이 확인
1. 오버레이 섹션을 엽니다.
2. 알파값을 확인합니다.
3. 알파값이 1.0이면 배경이 완전히 가려집니다.### 3단계: 크기/위치 확인
1. `Background 크기`를 확인합니다.
2. `Background 위치`을 확인합니다.
3. 커스텀 값에 `0px`/`0%`가 없는지 확인합니다.### 4단계: 브라우저/캐시 확인
1. DevTools(F12) > Network 탭을 엽니다.
2. 미디어 요청의 404 오류 여부를 확인합니다.
3. 캐시를 비우고 재확인합니다.—
주의사항
– 썸네일과 배경은 별도 기능입니다.
– 모바일 배경 동영상은 브라우저 자동재생 제한의 영향을 받습니다.—
관련 설정
– [배경 설정](../background/)
– [썸네일 설정](../thumbnail/)
– [스타일 설정](../style/)