마우스 오버? 질문드립니다

마우스 오버? 질문드립니다

QA

마우스 오버? 질문드립니다

본문

<img src="off.jpg"  class="a">

 

<img src="on.png" class="b">

 

온오프 이미지를 구현하려고 합니다. 

오프인 상태에서 마우스 포인트를 올려놓으면(마우스오버) on이미지가 뜨도록 하고싶은데 참고할만한 자료 있을까요?

이 질문에 댓글 쓰기 :

답변 2


    <style>
        .image-container {
            position: relative;
            display: inline-block;
        }
        .image-container img.b {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
        }
        .image-container:hover img.a {
            display: none;
        }
        .image-container:hover img.b {
            display: block;
        }
    </style>
    <div class="image-container">
        <img src="off.jpg" class="a" alt="Off Image">
        <img src="on.png" class="b" alt="On Image">
    </div>

이렇게 하시면 될듯 합니다.

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

회원로그인

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