CSS 드롭 다운 실패

여기에 기본 레이아웃이 있습니다. CSS 드롭 다운 메뉴를 적용하려고합니다.CSS 드롭 다운 실패

당신이 아래로 메뉴가 작동하지 않습니다 옵션을 드롭을 데리러 갈 때 당신이 볼 수 있듯이. 나는 그것이 기능 할 때까지 요점이 있다고 생각하지 않기 때문에 나는 그것을 스타일링하는 것을 귀찮게하지 않았다.

이유가 있습니까? 마치 다른 콘텐츠 아래 앉아있는 것처럼 보입니다.

FF로, 드롭 다운은 정상적으로 작동하지만 wordpress 게시물 제목과 겹치지 않습니다. – benhowdle89

보조 UL이 마우스를 올리면 나타납니다 (Firefox 3.6, OSX). – Damien

@Damien, @ benhowdle89, @Phill은 드롭 다운이 괜찮아 보이는 것을 의미한다고 생각합니다. 문제가 나타나는 하위 메뉴를 클릭하면 마우스가 부모 'li'을 떠난 후에 메뉴가 사라지는 것입니다. 목). –

가장 빠른 해결 방법은 <ul> : position: relative; z-index: 1에 추가하는 것입니다.

Firefox에서만 테스트되었습니다.

이 작동 원리에 대한 자세한 설명을 원하시면 알려주십시오.

더 좋은 방법은 #posts 및 #title에서 position: relative을 제거하는 것입니다.

확실하지 않은 경우 모든 항목에서 position: relative을 삭제하면됩니다.

2011-01-31 11:48:48 thirtydot

답변