테스트 사이트 - 개발 중인 베타 버전입니다

hover시 아이콘 이동 채택완료

angelajang 7년 전 조회 2,727

안녕하세요

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

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

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

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

 

 

 

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

 

</p>

<p><div class="extra">

        <ul>

        <li><a href="<a href="https://www.facebook.com/afsmall"" target="_blank" rel="noopener noreferrer">https://www.facebook.com/afsmall"</a> 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="<a href="https://www.instagram.com/afsmall_global/"" target="_blank" rel="noopener noreferrer">https://www.instagram.com/afsmall_global/"</a> 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="<a href="http://line.me/R/ti/p/Q0aJGwYIGI"" target="_blank" rel="noopener noreferrer">http://line.me/R/ti/p/Q0aJGwYIGI"</a> 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="<a href="https://h5.youzan.com/v2/showcase/feature?alias=tnKo2nkDvF&sf=wx_menu&redirect_count=1"" target="_blank" rel="noopener noreferrer">https://h5.youzan.com/v2/showcase/feature?alias=tnKo2nkDvF&sf=wx_menu&redirect_count=1"</a> 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="<a href="https://pf.kakao.com/_xazijC?from=qr"" target="_blank" rel="noopener noreferrer">https://pf.kakao.com/_xazijC?from=qr"</a> 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></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
7년 전

img의 width, height 를 설정하세요

<img width=46 height=44 ~~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

P
7년 전

.. .. ..

 

http://shop3.afsaionco.cafe24.com/_wg/img/_ico/cart.png">http://shop3.afsaionco.cafe24.com/_wg/img/_ico/cart.png

46x44

 

http://shop3.afsaionco.cafe24.com/_wg/img/_ico/cart_on.png">http://shop3.afsaionco.cafe24.com/_wg/img/_ico/cart_on.png

46x43

 

질문에 『이미지는 분명 색깔만 바꾸고 똑같은 크기에 똑같은 위치로 저장했는데』 라고 하셨는데, 이미지 사이즈가 다른데요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인