Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.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(IE除外)、CSS精灵下拉导航?_Javascript_Jquery_Css_Xhtml_Accessibility - Fatal编程技术网

如何使单多级可转换、键盘可访问、不依赖javascript(IE除外)、CSS精灵下拉导航?

如何使单多级可转换、键盘可访问、不依赖javascript(IE除外)、CSS精灵下拉导航?,javascript,jquery,css,xhtml,accessibility,Javascript,Jquery,Css,Xhtml,Accessibility,我必须为CMS的简单/水平菜单编写css,并且我必须编写css,就像客户端将向主页添加子页面和子页面的子页面一样 我的意思是,现在它是简单的导航,没有下拉菜单,但将来它可以是单级下拉菜单或多级下拉菜单 如果导航将有下拉链接,那么下拉链接也应该可以通过键盘访问,并且它应该在除IE6之外的所有没有javascript的浏览器中工作。对于IE6,我将添加javascript。我已经在站点上使用jquery进行其他操作 我必须为菜单背景图像使用css精灵,所以如果图像被禁用,那么菜单上的链接文本应该显示

我必须为CMS的简单/水平菜单编写css,并且我必须编写css,就像客户端将向主页添加子页面和子页面的子页面一样

我的意思是,现在它是简单的导航,没有下拉菜单,但将来它可以是单级下拉菜单或多级下拉菜单

如果导航将有下拉链接,那么下拉链接也应该可以通过键盘访问,并且它应该在除IE6之外的所有没有javascript的浏览器中工作。对于IE6,我将添加javascript。我已经在站点上使用jquery进行其他操作

我必须为菜单背景图像使用css精灵,所以如果图像被禁用,那么菜单上的链接文本应该显示为ALT文本


这是否可能使这种类型的菜单具有所有这些功能?

如果没有JavaScript,您无法使用键盘访问仅CSS的菜单。那是不可能的

但是,如果你能接受的话,我在一个实例中发现了很多东西。 第一个结果显示了一些很好的下拉菜单示例,但是有大量的内容

不过,也有缺点,因为当用户用鼠标悬停菜单时,您根本无法进行任何延迟。你也需要好的ol'JavaScript


希望这能有所帮助。

你不能。如果您希望它在键盘访问下扩展,则需要JavaScript。如果您想让它在鼠标访问下进行合理的扩展,您仍然需要JavaScript添加一个模糊因子,以使具有与运动技能相关障碍的人能够访问它(比如那些由关节炎引起的。CSS对于样式设计很好,但是对于JavaScript中的交互逻辑很差。如果可能的话,我会避免在WWW上完全下拉:如果禁用JavaScript,那么下拉菜单上的键盘导航将不起作用,没有问题,但是如果启用JavaScript,它应该会起作用。但是如果禁用js,那么下拉菜单应该与鼠标一起使用interaction@DavidDorward-+1表示良好链接我知道css下拉列表我不是要求简单的下拉列表阅读我的问题和评论,然后你应该以一种可以理解的方式正确地问你的问题。因为,在我看来,我确实回答了你的问题-不,这是不可能的。因此,我不喜欢浪费我的时间告诉我,人们不感谢我把时间花在他们的问题上。