2010-05-26 4 views
0

"LI"의 첫 번째 수준에 대한 스프라이트 배경 이미지가있는 기본 DOM 메뉴가 있습니다. 잘 작동하지만 몇 가지 문제가있는 것 같아요. 호버에서 이미지를 바로 전환하는 대신 공백이 생기고 약 2 초 후 마우스 오버 이미지가 나타납니다 (교대).스프라이트 배경 이미지가 마우스를 가리킬 때 뒤처집니다

첫 번째 호버에서만 발생합니다. 그 후 그것은 그것이 있어야하는 것처럼 매끄 럽습니다. http://goo.gl/6FAM

문제가 존재 파이어 폭스 v3.6.3에서 : 페이지를 새로 고침 거기가 ... 다시 좌절 입니다 ... 은 여기를 확인하는 링크입니다. Chrome 5.0.375 및 IE 8.0.7600에는이 문제가 없습니다.

아이디어가 있으십니까?

답변

2

마우스로 단추를 전달할 때까지 마우스 오버 배경 이미지가로드되지 않기 때문입니다.

쉬운 해결책은 CSS sprites을 사용하는 것이므로 처리 할 이미지가 하나뿐입니다.

+0

+1 CSS 스프라이트. –

+0

글쎄, 기본적으로 내가하고있는 것입니다. LI 요소 당 "배경 이미지"와 "마우스 오버 배경 이미지"를 모두 포함하는 이미지가 하나 있습니다 - http://goo.gl/oAwt – user351342

+1

@ user351342 : hmmm ... bizarre ... CSS에서 :'hover' 상태에 대해'background'를 설정하는 대신 이미지 이름 등과 같이'background-position' 만 설정하면됩니다. 그래서'background-position : -150px 0px'를 넣으십시오. 그것으로 FF로 즉시로드하는 것 같습니다. – nico