안녕하세요 그누보드 왕초보입니다 // 간단한 질문하나만 답변 부탁드립니다
본문
안녕하세요 그누보드 왕초보입니다 // 간단한 질문하나만 답변 부탁드립니다
먼저 코딩먼저 보여드리겠습니다
<style>
.샘플배너1 img:last-child{display:none}
.샘플배너1:hover img:first-child{display:none}
.샘플배너1:hover img:last-child{display:inline-block}
</style>
<div class="샘플배너">
<ul>
<li><a href="#"><img src=""><img src=""></a></li>
<li><a href="#"><img src=""><img src=""></a></li>
<li><a href="#"><img src=""><img src=""></a></li>
</ul>
</div>
안녕하세요
그누보드 왕초보입니다
마우스오버효과를 내기위해서
div 태그안에 ul / li 를 묶어서 코딩을 해놨습니다
원했던 방식은
마우스 커서를 각개별로 올리면 각 박스개별로 이미지가 전환하기를 원했는데
이렇게 div라인 전체가 변경이됩니다
고수분들에게 이런민망한 코딩을 물어봐서 죄송합니다
각 개별이미지만 마우스커서를 올릴때 이미지 전환을 원한다면
어떤식으로 코드를 묶어야하나요 ?
답변해주신분께 미리 감사드립니다
답변을 작성하시기 전에 로그인 해주세요.