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

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

QA

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

답변 4

본문

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

이 질문에 댓글 쓰기 :

답변 4

증가버튼

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

감소버튼

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

 

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

 

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

 


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로 수정해 주고 싶다면

 


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 스프라이트 기법 에 대해 공부하셔야 합니다.

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,112
© SIRSOFT
현재 페이지 제일 처음으로