纯CSS实现的二级下拉菜单效果代码实例_html/css_WEB-ITnose

html教程评论1.6K views阅读模式

纯CSS实现的二级下拉菜单效果代码实例:

二级下拉是最为常用的效果之一,当前的此效果一般哟结合js实现,本章节介绍一个使用纯CSS实现的二级下拉菜单效果,希望能够给需要的朋友带来一定的帮助,不过此代码也有一点浏览器兼容问题,那就是在IE6中不兼容。

代码如下:

 
 蚂蚁部落
 
 
    • 文件
    • 打开
    • 关闭
    • 保存
    • 打印
    • 退出
    • 编辑
    • 撤销
    • 重做
    • 粘贴
    • 剪切
    • 全选
    • 帮助
    • 帮助文档
    • 关于

以上代码实现下拉菜单效果,但是IE6浏览器下不兼容,因为IE6不支持li:hover,支持超链接的:hover。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10894

更多内容可以参阅:http://www.softwhy.com/divcss/

企鹅博客
  • 本文由 发表于 2019年9月3日 14:07:27
  • 转载请务必保留本文链接:https://www.qieseo.com/366552.html

发表评论