Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/242.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 纯CSS下拉菜单_Javascript_Php_Css_Drop Down Menu_Yui Pure Css - Fatal编程技术网

Javascript 纯CSS下拉菜单

Javascript 纯CSS下拉菜单,javascript,php,css,drop-down-menu,yui-pure-css,Javascript,Php,Css,Drop Down Menu,Yui Pure Css,我一直在开发facebook应用程序,你知道在facebook上不允许使用原生javascript,他们有自己的FBJS实现,这在创建菜单之类的东西时很麻烦 是否有任何纯CSS下拉解决方案不涉及javascript(我所看到的所有解决方案都使用javascript来处理IE6)?是的,有很多方法。看一看 您可以使用一个简单的列表并使用不同的级联样式表来创建完全不同的列表选项吗?Listamatic显示了CSS应用于一个简单列表时的强大功能 有垂直和水平菜单,使用纯CSS 一些工作实例: 实际

我一直在开发facebook应用程序,你知道在facebook上不允许使用原生javascript,他们有自己的FBJS实现,这在创建菜单之类的东西时很麻烦


是否有任何纯CSS下拉解决方案不涉及javascript(我所看到的所有解决方案都使用javascript来处理IE6)?

是的,有很多方法。看一看

您可以使用一个简单的列表并使用不同的级联样式表来创建完全不同的列表选项吗?Listamatic显示了CSS应用于一个简单列表时的强大功能

有垂直和水平菜单,使用纯CSS

一些工作实例:

  • 实际上,您可以用几行实现一个基本列表:

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

    请注意,如果您支持IE6,您需要JavaScript(因为它不支持li:hover)。

    谷歌最近开始发布应用程序,并通知域名客户升级其用户。除非你所服务的市场或客户群正在使用IE6,并且无法或不愿意升级,否则我会忽略它,使用:hover解决方案sans javascript。

    一个全CSS下拉菜单非常容易实现。但是,我相信IE6需要Javascript,因为它不会:悬停在任意元素上。通过包装任何您需要的
    :悬停在
    @Seth:同意这就是问题所在,我不需要Javascript,不确定这是否可行。你能展示一个在IE6中没有javascript的工作演示吗?@Sarfraz我编辑了我的答案。告诉我这些链接是否有用。