Puro CSS menú desplegable

Question

He estado trabajando en la aplicación de Facebook y sabes en Facebook JavaScript nativo no está permitido, tienen sus propios FBJS de aplicación que es problemático cuando se trata de cosas como la creación de menús.

¿Hay alguna CSS puro solución desplegable sin ninguna intervención de JavaScript (JavaScript se utiliza en todas las soluciones que he visto para hacer frente a IE6)?

Answer 1

Sí, hay muchos approches. Echar un vistazo a Listamatic .

  

¿Se puede tener una lista simple y utilizar diferentes hojas de estilo para crear radicalmente diferentes opciones de la lista? Los espectáculos Listamatic el poder de CSS cuando se aplica a una lista simple.

Hay dos menús verticales y hortizonal, usando CSS puro.

Algunos ejemplos de trabajo:

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

En realidad, se puede aplicar una lista básica con pocas líneas:

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

Tenga en cuenta que necesita tener Javascript si apoya a IE6 (ya que me cansaría trabajo con li: hover).

Answer 2

Google comenzó recientemente la eliminación gradual de IE6 apoyo y notificado sus aplicaciones para los clientes de dominio para actualizar sus usuarios. A menos que usted está sirviendo una base de mercado o cliente que sabe que está usando IE6 y no puede o no actualizar que acababa de ignorarlo y uso el:. Libración solución sans javascript