채택완료
탭기능 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개 / 댓글 1개
채택된 답변
+20 포인트
<style>
ul li .active img { background:url(./in1.gif); }
</style>
이런식으로 하시면됩니다.
활성화된 active 클래스 하위의 img 개체를 변경한다~ 라고 생각하시면됩니다.
답변을 작성하려면 로그인이 필요합니다.