탭기능 active 활성시 이미지 변경에 대해 질문드립니다

탭기능 active 활성시 이미지 변경에 대해 질문드립니다

QA

탭기능 active 활성시 이미지 변경에 대해 질문드립니다

본문

<ul class="tab" style="padding-top:0px"> 
              <li>

              <h2 class="tabtit1"><a class="active" href="#tab1"><img src="./out1.gif"/></h2></a></li>
              <li>

              <h2 class="tabtit2"><a href="#tab2"><img src="./out2.gif"/></a></h2>

              </li> 
</ul><!-- //Tab buttons -->

 

현재 이런식으로 탭제목이 되어 있는데 

active가 될경우 out1.gif가 in1.gif로 변경되도록 바꾸고 싶은데

어디다가 a:active { background-image:url(./in1.gif) }를 넣어야 될지 모르겠어요..

아시는 분 알려주시면 감사하겠습니다..

이 질문에 댓글 쓰기 :

답변 3

<style>

ul li .active img { background:url(./in1.gif); }

</style>

 

이런식으로 하시면됩니다.

활성화된 active 클래스 하위의 img 개체를 변경한다~ 라고 생각하시면됩니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 38
QA 내용 검색
filter #탭 ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT