이미지 롤오버시 깜빡임
원술
div id=header
ul
lia href=tab01_hp.html class=tab01/a/li
lia href=# class=tab02/a/li
lia href=# class=tab03/a/li
li class=mr10a href=# class=tab04/a/li
/ul
/div!--//header--
-------------------------------------------------------------
#header .tab01{width:200px; height:194px;background:#fff url(../img/tab01_hp.gif) left bottom no-repeat ;}
#header .tab01:hover{width:200px; height:194px;background:#fff url(../img/tab01_hp_over.gif) left bottom no-repeat ;}
#header .tab02{width:200px; height:194px;background:#fff url(../img/tab02_page.gif) left bottom no-repeat ;}
#header .tab02:hover{width:200px; height:194px;background:#fff url(../img/tab02_page_over.gif) left bottom no-repeat ;}
#header .tab03{width:200px; height:197px;background:#fff url(../img/tab03_design.gif) left bottom no-repeat ;}
#header .tab03:hover{width:200px; height:197px;background:#fff url(../img/tab03_design_over.gif) left bottom no-repeat ;}
#header .tab04{width:200px; height:197px;background:#fff url(../img/tab04_me.gif) left bottom no-repeat ;}
#header .tab04:hover{width:200px; height:197px;background:#fff url(../img/tab04_me_over.gif) left bottom no-repeat ;}
-------------------------------------------------
이미지 롤오버 할 때 이미지 크기가 커서 그런지 순간적으로 하얗게 깜빡이는 현상이 있는데요..
크기를 width 150까지 줄여봐도 마찬가지로 깜빡이네요.. ㅠㅠ
css말고 자바로 해야될까요. 자바는 몰라서 css로 해결하고 싶었는데..
다른 방법이 혹시 있나요~ ㅠㅠ
-
정예
ie6에서만 그런다면 flicker bug인 것 같네요.
-
이퓨리한나
호출하는 형식이 아닌데요 -_-;;
-
철죽
감사합니다..^^
근데 이..이거..어떻게 쓰는거에요...? ;;
그냥 그대로 복사해서 붙여넣기 하면 되나요? ㅠ_ㅠ -
갤1
음..그렇군요. ie6에서만...
-
맑은
탭 이미지면 굳이 이미지 2개를 하지 마시고 세로로 이미지를 붙여서 하나로 만들고 오버시에는 position값만 바꿔주면 안그럴수도 있지 않을까요??
-
Orange
그래도 깜빡이네요 -_ㅠ 힝.. 자바스크립트로 하면 안그럴까요..
-
후유
class가 a 태그에 있나요? 혹시 모르니 a태그에 display:block;를 넣어보심이
-
행운아
expression을 사용하지마시고 롤오버 되었을때 좌표를 변경해주시 바랍니다.
[오버이미지][아웃이미지]
이렇게 2개를 한 이미지로 한다음
a {background: url(') 0 0 no-repeat;}
a:hover {background: url(') right 0 no-repeat;}
등으로 처리해주시면됩니다.
IE6에서는 이미지를 캐쉬에 남아있어도 계속 호출을 하는 버그(?) 가 있기때문에 에초부터 하나의 이미지로 가면 그런문제가 안생기