制作下拉菜单,纯CSS或jQuery的最佳方法是什么?
我感兴趣的是两者中哪一个具有最佳的浏览器兼容性,哪一个产生的问题较少?
我想在所有主流浏览器中支持菜单,我可以使用所有版本的CSS,我不需要菜单中的花哨的东西,我需要它简单,干净和工作。
提前谢谢。
答案 0 :(得分:0)
Suckerfish下拉列表非常符合跨浏览器标准。它们不使用jQuery,但是普遍使用。 http://www.htmldog.com/articles/suckerfish/dropdowns/
除此之外,这里有一些很好的jQuery下拉菜单: http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/
答案 1 :(得分:0)
对于CSS菜单,如果你需要支持这些浏览器,你会陷入IE6和7等旧浏览器的困境,因为它们不支持通常作为下拉菜单目标的元素上的pseudo:hover属性。他们需要Javascript来添加基本的悬停支持。
如果您正在为现代浏览器提供服务,那么您最后的关注点就是可访问性。如果您构建菜单很差并且用户没有启用Javascript,那么您就会遇到问题。如果你使用语义标记并使用try&测试下拉菜单技术,就像@David Faux建议的那样,那么你会没事的。
评论中的一些有效问题。我还要补充一下:
我把钱放在坚固的Javascript菜单上,带有语义标记和注释代码。