css로 만든 이미지 메뉴바가 깜빡거려요

[adung]

http://test.hanshinit.co.kr/0404/sub_05.html
여기 보시면요..
상단에 메뉴바에 마우스를 오버하고 왔다갔다 하면..
이미지가 깜빡 거리는데요..
왜 그런걸까요??
웹표준 책에 있는 내용대로 만들었는뎀..ㅠㅠ

Code: Select all

ul#menu li#m1 a {
	background:url(images/m_1.gif) no-repeat;
	width:58px;
}

ul#menu li#m6 a:hover,
ul#menu li#m7 a:hover,
ul#menu li a:hover{
	background-position: 0 -47px;	
}

Code: Select all

  <ul>
    <li>--------------</li>
    <li><a href="sub_01.html">조사개요</a></li>
    <li>--------------</li>
    <li><a href="sub_02.html">공지사항</a></li>
    <li>--------------</li>
    <li><a href="sub_03.html">문의 및 연락처</a></li>
  </ul>

이런식으로 만들었거든요..

전에 어떤 css만으로 만든 사이트에서도 이런 현상을 발견했었는데..
어찌해야 할까요...??

[hiphapis]

링크확인해봤습니다.

FF 1.5.2 아무 문제 없네요~
깜빡임 없습니다

단,
애로 및 건의사항..
애로의 압박이..ㅎㅎ;

[dece24]

IE의 Flicker 버그 입니다.
Flicker 란 깜빡거림 증상을 뜻하구요.

CSS를 이용하여 롤오버 효과를 구현할 때 IE 에서 만날 수 있는 문제로 아마 다른 분들도 많이들 경험 하셨을 껍니다.

이 부분은 롤오버 효과에 CSS 대신 Javascript 를 이용하면 자연스럽게 해결 됩니다.

[dece24]

Code: Select all

  <ul>
    <li>--------------</li>
    <li><a href="sub_01.html">조사개요</a></li>
    <li>--------------</li>
    <li><a href="sub_02.html">공지사항</a></li>
    <li>--------------</li>
    <li><a href="sub_03.html">문의 및 연락처</a></li>
  </ul>

<li>--------------</li>
이런 형태의 마크업은 바람직 하지 않아 보입니다.
Validation 검사는 통과할 수 있겠지만 표준 마크업이라고 볼 수 없는 형태의 마크업 입니다.

시각장애인이 CSS 를 제거한 상태로 저것을 읽는다면...
하나의 <li> 태그에 대쉬가 14번 사용 되었으므로..

대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬
라고 읽어 내려갈 것입니다.

또한 실제로는 3개의 목록인데 '6개의 목록' 이라고 읽어줄 것입니다.

[adung]

dece24 님 감사합니다.

대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬
라고 읽어 내려갈 것입니다.

또한 실제로는 3개의 목록인데 '6개의 목록' 이라고 읽어줄 것입니다.

아.. 그렇군요~ 하하 감사합니다.
그게 메뉴와 메뉴 사이에 선을 넣어주려고 했는데~ 그런점을 생각 못햇네요~
에구.. 만들고나서 꼭 스크린 리더로 테스트를 해봐야 겠어요..
감사합니다..


hiphapis님도~ 감사합니다..
애로에 연연하시다뉘~ 호호
익스에서는 깜빡 거리는데 자바스크립트로 어떻게 한번 해봐야 겠어요~

[freshworks]

IE Flicker Bug는 캐쉬 컨트롤에 버그가 있어서 깜빡거리는 건데요.
이건 브라우저상의 문제라서 골치 아프긴 합니다.
IE7에서는 이런 버그가 해결되었기 때문에 조금씩 나아지리라 생각됩니다.
좀 더 자세한 내용은 아래 글타래를 참고해 보세요.

http://css.macple.com/forum/showthread.php?t=452

[adung]

IE Flicker Bug는 캐쉬 컨트롤에 버그가 있어서 깜빡거리는 건데요.
IE7에서는 이런 버그가 해결되었기 때문에 조금씩 나아지리라 생각됩니다.

그렇네요...
글타래를 보고 설정 바꿨어요..
플래시 ㅤㄸㅒㅤ문에 익스 설정에 "페이지 읽을때마다 리로드" 를 해두었는데...
또한 애드워드(?)님의 방법은... 제가.. 건드리면 큰일이 날꺼 같은 두려움에..
시도는 못해봤는데 나중에 문제가 되면 개발자에게 도와달라고 하면서 자료를 보여줘야 겠어요...
좋은 자료 감사합니다.