hover시 아이콘 이동

angelajang

프로필 보기 이 회원 글보기 이 회원의 댓글보기

7년 전 3,200

안녕하세요

저희 페이지 상단과 하단에 있는 아이콘들 마우스 오버시 아이콘들이 자꾸 꿈틀꿈틀 거립니다 ㅠㅠ

아마도 위치가 조금씩 이동해서 그러는거 같은데

이미지는 분명 색깔만 바꾸고 똑같은 크기에 똑같은 위치로 저장했는데

왜이러는걸까요? 방지하는 간단한 방법이 있을까요?

3555977239_1533201282.9455.png

3555977239_1533201292.4689.png

코딩은 이런식으로 넣었습니다.

Copy

<div class="extra">
        <ul>
        <li><a href="https://www.facebook.com/afsmall" target="blank"><img src="/_wg/img/footer/facebook_f.png" onmouseover="this.src='/_wg/img/footer/facebook_f_on.png'" onmouseout="this.src='/_wg/img/footer/facebook_f.png'" border="0"></img></a></li>
        <li><a href="https://www.instagram.com/afsmall_global/" target="blank"><img src="/_wg/img/footer/insta_f.png" onmouseover="this.src='/_wg/img/footer/insta_f_on.png'" onmouseout="this.src='/_wg/img/footer/insta_f.png'" border="0"></img></a></li>
        <li><a href="http://line.me/R/ti/p/Q0aJGwYIGI" target="blank"><img src="/_wg/img/footer/line_f.png" onmouseover="this.src='/_wg/img/footer/line_f_on.png'" onmouseout="this.src='/_wg/img/footer/line_f.png'" border="0"></img></a></li>
        <li><a href="https://h5.youzan.com/v2/showcase/feature?alias=tnKo2nkDvF&sf=wx_menu&redirect_count=1" target="blank"><img src="/_wg/img/footer/wechat_f.png" onmouseover="this.src='/_wg/img/footer/wechat_f_on.png'" onmouseout="this.src='/_wg/img/footer/wechat_f.png'" border="0"></img></a></li>
        <li><a href="https://pf.kakao.com/_xazijC?from=qr" target="blank"><img src="/_wg/img/footer/talk_f.png" onmouseover="this.src='/_wg/img/footer/talk_f_on.png'" onmouseout="this.src='/_wg/img/footer/talk_f.png'" border="0"></img></a></li>
        <li><a href="mailto:afs@aionco.kr" target="blank"><img src="/_wg/img/footer/mail_f.png" onmouseover="this.src='/_wg/img/footer/mail_f_on.png'" onmouseout="this.src='/_wg/img/footer/mail_f.png'" border="0"></img></a></li>
        </ul>
        
        <p>*This website is optimally viewed on Internet Explorer 5 or later versions*</p>
   
     
    </div>
        <div class="divClear"></div>