2026, 새로운 도약을 시작합니다.
SIR
목록으로
이전글 다음글

item.php 에서 증가 감소 이미지로 변경하는 방법 좀 알려주세요. 채택완료

아아이다운
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전 조회 9,111
답변 4
목록

증가 감소 문구를
이미지로 변경하였더니. 올바른 접근방법이 아니라고 나오네요..
shop.js 를 수정해야 된다고 하는데
해결하신분 방법좀 알려주세요..

#영카트5

답변 4개

채택된 답변
+20 포인트
thisgun

증가버튼

<button type="button" class="sit_qty_plus btn_frmline">증가</button> 

감소버튼

<button type="button" class="sit_qty_minus btn_frmline">감소</button> 

이렇게 있다면, 예들 들어서

증가버튼을 css로 수정해 주고 싶다면

Copy 
button.btn_frmline.sit_qty_plus.btn_frmline{background:url("http://demo.sir.co.kr/gnuboard5/skin/shop/basic/img/sns_fb_s.png") transparent no-repeat;line-height: 999px;width:20px;height:20px;}

감소버튼을 css로 수정해 주고 싶다면

Copy 
button.btn_frmline.sit_qty_minus.btn_frmline{background:url("http://demo.sir.co.kr/gnuboard5/data/item/1387871842/thumb-t31_70x70.jpg") transparent no-repeat;line-height: 999px;width:70px;height:70px;} 

이렇게 스타일 주시면 됩니다.

위에 내용이 잘 이해가 가지 않으신다면, 반드시 필히 css 스프라이트 기법 에 대해 공부하셔야 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

아

감사합니다. 적용해 볼께요...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

아

죄송하시만. 좀더 자세한 설명 부탁드립니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

thisgun

css에서 background-image로 처리하심이 편합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고