Выпадающее меню Pure CSS

Question

Я работал над приложением facebook, и вы знаете, что на facebook не разрешен собственный javascript, у них есть своя реализация FBJS, которая вызывает проблемы, когда дело доходит до создания таких вещей, как меню.

Есть ли какие - нибудь чистое выпадающее решение CSS без какого-либо участия javascript (javascript используется во всех решениях, которые я видел для решения IE6)?

Answer 1

Да, есть много подходов.Взгляните на Листаматический.

Можете ли вы взять простой список и использовать разные каскадные таблицы стилей для создания радикально отличающихся параметров списка?Listamatic показывает мощь CSS при применении к одному простому списку.

Существуют как вертикальные, так и горизонтальные меню, использующие чистый CSS.

Несколько рабочих примеров:

1. http://www.xs4all.nl /~peterned/examples/cssmenu.html
2. http://www.tjkdesign.com/articles/dropdown/demo.asp

На самом деле, вы можете реализовать базовый список из нескольких строк:

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

Обратите внимание, что вам нужен JavaScript, если вы поддерживаете IE6 (так как он не работает с li: hover).

Answer 2

Google недавно начал постепенный отказ от поддержки IE6 и уведомили свои приложения для клиентов домена об обновлении своих пользователей.Если вы не обслуживаете рынок или клиентскую базу, которая, как вы знаете, использует IE6 и не может или не желает обновляться, я бы просто проигнорировал это и использовал решение : hover без javascript.