大佬教程收集整理的这篇文章主要介绍了基于CSS的响应式多级下拉菜单的解决方案,无需JS依赖?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
为什么不使用JS?基于JS的解决方案无法在像Opera Mini这样的代理浏览器上运行,我们的大多数用户都使用它,而Blackberry浏览器不会显示与JS良好的工作.
许多人主张使用选择菜单进行移动导航.一个有趣的解决方案,但这又是依赖于JS,对于嵌套的多级菜单来说是非常繁琐的.
那么那么你遇到的导航系统可能适用于你?
HTML:
<ul> <li> Menu 1 <ul> <li>Menu 1.1</li> <li> Menu 1.2 <ul> <li>Menu 1.2.1</li> <li> Menu 1.2.2 <ul> <li>Menu 1.2.2.1</li> <li>Menu 1.2.2.2</li> </ul> </li> <li>Menu 1.2.3</li> <li>Menu 1.2.4</li> </ul> </li> <li>Menu 1.3</li> </ul> </li> <li>Menu 1</li> <li>Menu 1</li> <li>Menu 1</li> <li>Menu 1</li> </ul>
CSS:
ul{ } ul li{ display:inline-block; position:relative; } ul li> ul{ display:none; position:absolute; left:95%; top:15px; } ul li> ul li{ display:block; } ul li:hover> ul{ display:block; }
以上是大佬教程为你收集整理的基于CSS的响应式多级下拉菜单的解决方案,无需JS依赖?全部内容,希望文章能够帮你解决基于CSS的响应式多级下拉菜单的解决方案,无需JS依赖?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。