배경 이미지: 카테고리 목록 보기에서만 repeat-y 문제 발생

Dax님의 code를 background-repeat를 "repeat-y"로 설정하여 사용했습니다. 저는 1920x1440으로 크기 조절 후 Imgur에 업로드한 고해상도 빈 종이 사진을 사용했습니다. 처음에는 동작이 정상적으로 보였지만, 카테고리 목록(Category List) 뷰에서는 이미지가 확대되지 않고 세로 방향으로 반복되지 않았습니다. 그러나 카테고리 뷰에서 줌아웃을 할 때, 배경 이미지가 확대되는 것처럼 보였지만 75%까지 줌아웃한 후에는 확대가 중단되는 것을 확인했습니다.

헤더 문제는 수정이 불가능하다고 확신합니다. 걱정하지 마세요. 솔직히 이 배경 이미지 기능을 사용할 가능성은 낮지만, 그래도 이 문제를 지적하고 싶었습니다.

수정: 아래에 표시된 바와 같이 게시글 스레드 뷰는 정상적으로 작동하는 것 같습니다. 현재는 실현 가능성만 테스트 중이기 때문에(사이트가 아직 오픈되지 않았으므로) 색상이 이상하게 보입니다. 위에서 언급한 헤더 문제는 이미지를 사용하지 않기로 한 주된 이유일 것입니다(그리고 특정 상황에서 텍스트 가독성 문제도요).

1개의 좋아요

해당 페이지의 콘텐츠가 짧아서 #main이 창 높이의 100%를 채우지 못하는 것 같습니다. #main { height: 100vh; }를 추가하면 배경이 페이지 전체를 채우나요? 배경 이미지를 HTML 태그로 옮기는 것도 방법입니다.

3개의 좋아요

드디어 해결됐어요! 오늘 두 번이나 수정해 주셔서 정말 감사합니다! :grin:

동작에 대한 참고 사항: 100vh는 아무 효과가 없었고, 1000vh는 스크롤바가 원하는 대로 동작하지 않게 했습니다(아무것도 없는 아래쪽으로 스크롤되는 현상이 발생했죠). 200도 스크롤 거리가 너무 길게 느껴져서 10씩 증가시키며 테스트해 보았습니다. 재미있는 점은 배경이 복제되지 않아서 하단부에 카키색(일반) 배경이 다시 나타났다는 것입니다. 이 현상은 140vh에 도달할 때까지 계속되었습니다.

1개의 좋아요