
질문과 답변
게시판문의
- 이전글버전업 문의2025.11.07
- 다음글상품구매 페이지 서브 카테고리 변경 문의2025.11.06
댓글목록











문제 확인하였습니다.
추천음악< 최신글 (rb.latest.thumb_top) 에 직접 추가하신 CSS (아래 캡쳐부분) 에서
스타일을 .bbs_main_wrap_con_ul1 a 와 같이 지정하셔서
.bbs_main_wrap_con_ul1 a 를 사용하는 모든 요소에
.bbs_main_wrap_con_ul1 a {
display: block;
position: relative;
overflow: hidden;
/* 16:9 비율을 위한 설정. 원하시는 비율로 padding-bottom 값 조절 가능 */
padding-bottom: 56.25%;
}
.bbs_main_wrap_con_ul1 a .skin_list_image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* 이미지가 컨테이너를 꽉 채우도록 설정 (핵심) */
transition: transform 0.3s ease;
}
.bbs_main_wrap_con_ul1 a:hover .skin_list_image {
transform: scale(1.05); /* 마우스 오버 시 약간 확대되는 효과 */
}
상기 CSS 가 적용되어 이미지가 보이지않거나 잘리는 증상입니다.
썸네일을 출력하는 다른 최신글에도 이미지의 1/3 이 잘리는 증상이 있는것도 같은 이유 입니다.
이미지를 감싸고 있는 <a 태그에 class="skin_list_image" 를 모두 추가해주시거나,
해당 CSS 를 제거 또는 해당 CSS를 적용해야되는 최신글을 새로 만드셔서 부모요소를 추가하는것이 좋아보입니다.
예) .new_music .bbs_main_wrap_con_ul1 a {
감사합니다.
2025-11-08 20:30



