내 드롭 다운 메뉴가 이제 내 CSS 삼각형 (어제 문제)과 함께 작동하지만 지금은 드롭 다운에 2-3 픽셀 간격을 넣고 싶습니다.하지만 그 순간을 추가하면 문제가 생깁니다. 메인 네비게이션 지점에서 드롭 다운까지 마우스를 움직이면 드롭 다운이 사라집니다 (분명히 마우스가 더 이상 립 링크 위에 없기 때문에 분명합니다). 누구나 좋은 아이디어를 얻었습니다. 드롭 다운 dissapearing?CSS 드롭 다운 - 갭이 필요함
당신은 당신의 드롭 다운을 유지하기 위해 다른 용기를 사용하여, 마녀의 배경이 투명하고 실제로 마우스 호버 너무 해당 컨테이너가 표시됩니다 있도록, 상단에는 3px하여 메뉴보다 큰 것 , 아무것도
LE 사라질 것 : 나 마우스가 어떤 <li>
다른 컨테이너 div가 모든 것을 손상시킵니다. 그리고 자바 스크립트를 사용하면 다소 순수한 CSS 메뉴의 요점을 잃어버린다 –
@ JohnSmith 다른 div가 모든 것을 어기는 방법? 더 자세하게 얘기해 주 시겠어요? – Caelea
어 .... 실제로 CSS를 다시 작성해야하지만 실제로 올바른 위치에 넣으면 안됩니다. 하지만 그다지 도움이되지 않는다. 패딩은 간격을 두지 않고 모든것을 푸시한다. 마진은 이전과 같은 갭을 준다. 그러나 –
간단한 수정을 통해이 아닌 경우는 그렇게 빨리 사라지지 않도록 당신은 javascrip를 사용하여 드롭 다운을 표시하고 거기에 시간 제한을 설정할 수 있습니다 이것을 ul ul (드롭 다운 메뉴)에 추가하는 것입니다 :
margin-top:-3px !important
중요한 태그는이 여백이 기존 스타일보다 우선한다는 것을 보장합니다.
당신이 말하는 HTML 요소, 그림 또는 ID에 대한 정보를 시작으로 사용하십시오. –