CSS 드롭 다운 메뉴가 Firefox에서 늦음

Question

내 클라이언트에 대해 순수한 CSS 드롭 다운 메뉴를 만들었습니다. 드롭 다운 메뉴는 기본 메뉴 항목 뒤에있는 배경 이미지를 사용합니다. 그 자체입니다 파이어 폭스 3, 4에서 CSS 메뉴가 눈에 띄는 지연이되지 않습니다

by itself 드롭 다운 메뉴가 내 고객의 웹 사이트에 호버 효과 내에 배치 파이어 폭스 3, 4에서

메뉴 항목에는 짧은 지체가 있고 호버 효과는 커서 뒤에옵니다. 나는 웹 사이트의 드롭 다운 메뉴는 그 자체로있을 때 최대한 빨리 수행하기 위해해야 ​​할 일을

on website

?

Answer 1

이 답변은 해결책이 아니며 단지 제안 사항입니다 (단, 의견이 너무 구체적 임)! FF7 만 사용할 수 있기 때문에 문제를 재현 할 수 없지만 관련성이있는 경우를 대비하여 이미지가 너무 큽니다.

#nav 요소의 background-image을 구성하는 관련 예제 인 pictures2/sandHeader.jpg은 일부만 표시 할 때 무려 1024 x 768입니다. 페이지의 다른 CSS3 효과와 함께 사용하면 메뉴를 사용할 때 지연이 발생하는지 확실하지 않습니다. 크기를 잘라내어 차이가 있는지 확인하십시오.

우리가 주제를 다룰 때 모든 이미지가 브라우저에서 축소되고 있습니다. 필요한만큼 큰 경우 대역폭과로드 시간이 훨씬 단축 될 것입니다.

직접 확인하려면 FireFox에서 마우스 오른쪽 버튼을 클릭하고 '이미지 정보보기'을 선택하십시오. 그것은 당신에게 액티비티 크기와 그것이 표시되는 것을 알려줍니다.