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

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
adung
게시물: 7
참여됨: 2006 05 01 16:29 08
위치: 충북 청주
연락:

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

게시물 작성자 adung » 2006 05 18 15:32 15

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

코드: 모두 선택

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;	
}

코드: 모두 선택

  <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
서포터즈
서포터즈
게시물: 179
참여됨: 2005 02 25 16:03 12
위치: Heaven
연락:

게시물 작성자 hiphapis » 2006 05 18 16:28 30

링크확인해봤습니다.

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

단,
애로 및 건의사항..
애로의 압박이..ㅎㅎ;
웹표준이 취미인 개발자
God Has Not 4Got
http://hiphapis.net

dece24
서포터즈
서포터즈
게시물: 83
참여됨: 2006 05 04 02:44 45
위치: 대전
연락:

IE 의 Flicker 버그 입니다.

게시물 작성자 dece24 » 2006 05 18 17:40 17

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

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

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

dece24
서포터즈
서포터즈
게시물: 83
참여됨: 2006 05 04 02:44 45
위치: 대전
연락:

Re: 한가지 짚고 넘어가요.

게시물 작성자 dece24 » 2006 05 18 17:52 43

코드: 모두 선택

  <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
게시물: 7
참여됨: 2006 05 01 16:29 08
위치: 충북 청주
연락:

Re: 한가지 짚고 넘어가요.

게시물 작성자 adung » 2006 05 18 18:10 59

dece24 님 감사합니다.
dece24 씀:
대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬 대쉬
라고 읽어 내려갈 것입니다.

또한 실제로는 3개의 목록인데 '6개의 목록' 이라고 읽어줄 것입니다.
아.. 그렇군요~ 하하 감사합니다.
그게 메뉴와 메뉴 사이에 선을 넣어주려고 했는데~ 그런점을 생각 못햇네요~
에구.. 만들고나서 꼭 스크린 리더로 테스트를 해봐야 겠어요..
감사합니다..


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

freshworks
게시물: 26
참여됨: 2004 10 01 06:08 46
연락:

게시물 작성자 freshworks » 2006 05 25 12:38 01

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

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

adung
게시물: 7
참여됨: 2006 05 01 16:29 08
위치: 충북 청주
연락:

게시물 작성자 adung » 2006 05 25 12:55 53

freshworks 씀:IE Flicker Bug는 캐쉬 컨트롤에 버그가 있어서 깜빡거리는 건데요.
IE7에서는 이런 버그가 해결되었기 때문에 조금씩 나아지리라 생각됩니다.
그렇네요...
글타래를 보고 설정 바꿨어요..
플래시 ㅤㄸㅒㅤ문에 익스 설정에 "페이지 읽을때마다 리로드" 를 해두었는데...
또한 애드워드(?)님의 방법은... 제가.. 건드리면 큰일이 날꺼 같은 두려움에..
시도는 못해봤는데 나중에 문제가 되면 개발자에게 도와달라고 하면서 자료를 보여줘야 겠어요...
좋은 자료 감사합니다.
*^ㅂ^*

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 2 손님들