CSS 2.0 에는 절대 위치라는 것이 있습니다.

이것을 이용하면 브라우저상에 사용자가 원하는 위치에 원하는 개체를 보이도록 할 수 있죠.

 

올리신 소스는 이를 이용한 메뉴입니다.

많이 사용되는 메뉴의 한 방법으로서

네스케이프 4.X 버전에서는 지원되지 않고

익스플로러 4.X버전부터 지원됩니다.

넷스케이프 6.X버전에서는 지원된다는 말을 듣기는 했으나

아직 직접 확인하지 않아서 별로 드릴 말씀은 없습니다.

 

이러한 메뉴 구성은 앞서 말씀드린 바와 같이 절대위치를 사용하므로

사용자가 원하는대로 다양한 구성이 가능합니다.

따라서 특별한 해법은 없습니다.

다만 힌트를 드리자면

마우스가 특정 부분에 올라가면

숨김 속성을 가진 그림을 보임 속성으로 교체하고

그 위치를 절대위치로 설정하면 됩니다.

 

즉, 위치는 절대적으로 설정하시고

보임속성은 마우스가 후버될 때 인에이블,

아웃될 때 디세이블로 설정한다는 말입니다.

 

그러나 이 기술을 이해하시려면

기본적인 CSS의 개념과 자바스크립트를 어느 정도 이해하고 계셔야 합니다.

해서 이 기술을 사용하시려고 욕심을 내시기 보다는

기초를 우선적으로 보완하시는 것이 더 좋습니다.

이해가 필요한 기술이기 때문입니다.

 

그럼...