CSS : 탐색 바

Question

먼저 내 사이트로 이동 정착하기 전에 주위에 점프 : 당신은 그냥 좋은 FF에게 메뉴 기능을 사용하여 주 메뉴를 클릭하면

www.parish.nl.

그러나 크롬이나 IE 11에서 같은 작업을 수행하면 주 메뉴의 요소가 올바른 위치로 이동하기 전에 왼쪽으로 깜박 거리고 순간적으로 깜박입니다.

IE와 크롬이 항상 서버로 이동하고 캐시를 사용하지 않으면 강제적으로 더 이상합니다. 좋아, 그래서 크롬과 IE의 캐시를 지우고 다시로드합니다. 로컬의 css와 js 버전을 실행할 때 메뉴가 깜빡이고 로컬에서 실행하는 것이 너무 빠르기 때문에 css가 따라 잡을 수 있기 전에 nav 요소를 렌더링합니다. 하지만 서버를 실행하면 깜박임을 제거 할만큼 속도가 느려지므로 물론이 이론은 의미가 없어야합니다. 맞습니까? 그런데 왜 FF로 괜찮습니까?

페이지의 원본을 보면 js가 CDN에서 먼저로드되는 것을 볼 수 있습니다. 그런 다음 CDN에서 부트 스트랩을로드 한 다음 로컬 CSS를로드합니다.

어떤 제안이 일어나고 있으며 무엇을 해결할 수 있습니까?

많은 감사!

Answer 1

내가 생각하기에 부트 메뉴가 실행될 때까지 드롭 다운 메뉴 요소가 숨겨져 있지 않기 때문일 수 있습니다. 이 시점에서 중첩 된 UL에는 숨겨진 CSS 규칙이있는 새 클래스 이름이 제공됩니다. 이 간단한 규칙을 로컬 CSS 파일에 추가하십시오 :

#menu ul.dropdown{ 
    display: none; 
}