2014-03-01 2 views
1

나는 플라이 아웃이있는 순수 CSS 수직 메뉴가 있습니다. 그것은 유일한 항목으로 내 페이지에서 잘 작동했다. 그러나 페이지를 스크롤 할 때 한 위치에 머물러 있기를 원했기 때문에 CSS 프레임을 만들고 내부에 메뉴 코드를 포함 시켰습니다.
메뉴가 표시되지만 플라이 아웃이 끊어져 왼쪽 프레임 아래에 묻혀있는 것처럼 보입니다. 나는 플라이 아웃이 주요 내용을 넘나들도록 강요하기 위해 생각할 수있는 모든 것을 시도했지만 왼쪽 프레임을 넓히고 주요 내용을 좁히는 것 외에는 아무것도 시도하지 않았습니다. 해결책이 간단하다는 느낌이 들지만 변경을 검색하고 변경 한 지 일주일이 지나면 정말 도움이 될 것입니다. 가능하다면 자바 스크립트에서 벗어나고 싶습니다. 프레임에 대한 CSS는 HTML에 포함되어 있으며 수직 메뉴 CSS는 링크에 있습니다. 다음 페이지로의 링크입니다 : 메뉴 플라이 아웃을 표시하려면 어떻게해야합니까?

http://www.tacomagames.org/qstn.html

당신을 감사합니다;

답변

1

Z- 색인과 관련된 문제 일 가능성이 큽니다.

http://www.w3schools.com/cssref/pr_pos_z-index.asp

+0

내가 처음 생각한 것입니다. Z 지수를 추가했습니다 : 5; vertNav.css의 ul 및 li 항목에 추가 한 다음 z- 인덱스를 추가합니다. -1; html에있는 임베디드 CSS의 leftcol 및 maincontent 항목 플라이 아웃은 여전히 ​​왼쪽 열 아래 주 내용 아래에 미끄러 져 있습니다. – rhubarb67

+1

요소에 대한 위치가 설정되어 있습니까? –

+0

왼쪽 열은 position : absolute로 설정됩니다. 주요 내용 (스크롤 영역)은 위치 : 고정; – rhubarb67

관련 문제