순수한 CSS 드롭 다운 메뉴

나는 페이스 북 응용 프로그램을 작업 해 왔으며 페이 스북 네이티브 자바 스크립트가 허용되지 않는다는 것을 알고있다. 메뉴처럼 물건을 만들 때 번거로운 FBJS가있다.순수한 CSS 드롭 다운 메뉴

순수 CSS 드롭 다운 솔루션은 자바 스크립트가 전혀 관여하지 않고 있습니다 (자바 스크립트는 IE6를 해결하는 데 사용 된 모든 솔루션에 사용됨)?

출처

2010-02-27 Sarfraz

모든 CSS 드롭 다운 메뉴는 매우 간단하게 구현할 수 있습니다. 그러나, 나는 Javascript가 IE6에 필요하다고 생각한다. – Seth

IE6 용 순수 CSS는''에': hover'가 필요한 것을 래핑하여 사용할 수 있어야합니다. – Jacob

@Seth : 문제가있는 곳에서 동의했습니다. 자바 스크립트가 필요하지 않습니다. 전혀 가능하지 않은지 확실하지 않습니다. – Sarfraz

예, 많은 승인이 있습니다. Listamatic을보십시오.

다른 목록 옵션을 만들기 위해 간단한 목록을 사용하고 다른 계단식 스타일 시트를 사용할 수 있습니까? Listamatic은 하나의 간단한 목록에 적용 할 때 CSS의 힘을 보여줍니다.

순수 CSS를 사용하는 수직 및 호르몬 메뉴가 있습니다.

일부 작업 예 :

li ul { display: none; } 
li:hover > ul { display: block; }

참고이 경우 자바 스크립트가 필요합니다 : 사실

, 당신은 몇 줄의 기본 목록을 구현할 수 있습니다 당신은 IE6를 지원합니다 (li : hover와는 작동하지 않습니다).

출처

2010-02-27 20:23:04 Sagi

IE6에서 javascript없이 작동하는 작업 데모를 보여줄 수 있습니까? – Sarfraz

@Sarfraz 나는 나의 대답을 편집했다. 이 링크가 유용하다고 생각하면 알려주세요. – Sagi

예 그 유용 +1 감사합니다 – Sarfraz

Google은 최근에 phasing out IE6 support을 시작했으며 도메인 고객을위한 앱에 사용자 업그레이드를 알립니다. IE6을 사용하고 있고 업그레이 드를 할 수 없다는 것을 알고있는 시장이나 고객 기반을 제공하지 않는다면, 나는 그것을 무시하고 : hover 솔루션을 사용하지 않을 것입니다.

출처

2010-02-27 21:02:08

순수한 CSS 드롭 다운 메뉴

답변

관련 문제