2014-05-23 1 views
0

내 탐색이 페이지 아래쪽에 위치하고 하위 메뉴가 탐색 위에 표시됩니다.Firefox 하위 메뉴가 Firefox 브라우저에서 마우스를 올려 놓았을 때 표시되지 않습니까?

또한 jvery를 사용하여 탐색을 수행 할 때 콘텐츠가 희미 해집니다. 그러나 나는이 쿼리가 하위 메뉴와 간섭하고 있다고 생각하는데, 그 중 하나가 가리키면 남아 있지 않기 때문에 파이어 폭스 브라우저에서만 나타나는 것입니까?

는 바닥을 사용하는 호버 당신이 이상 유혹하는 요소 사이의 공백을 잎, 파이어 폭스 브라우저 여기에 높은에 http://intelligen.info/index.html

$("#nav").hover(
    function() { 
    $(".index-content").fadeTo(700,0.3); 
    }, 
    function() { 
    $(".index-content").fadeTo(700,1); 
    } 
); 
+1

** 기본 ** 탐색 항목의 경우 마우스 오버시 큰 영역이 있으므로 패딩을 추가하는 것이 좋습니다. '패딩 : 10px 0'이 그렇게해야합니다. 현재 'nav'항목과 하위 메뉴 사이에 약간의 간격이있을 수 있으므로 기본 탐색에서 벗어난 것으로 생각됩니다. –

답변

0

귀하의 간격이 설정 방법을 봐 가지고하시기 바랍니다. 또한, 페이딩과 같은 CSS 요소를 추가하기 위해 jQuery를 사용하지 않을 것입니다. 전환을 사용하여이를 수행 할 수 있습니다.

#nav li:hover nav { 
    bottom: 12px; /** Change to 12 to fix **/ 
    display: block; 
    left: 0; 
    position: absolute; 
} 
관련 문제