知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    纯CSS横向下拉菜单导航兼容IE6

    作者:佳明妈 来源:懒人建站 2010-05-16 人气:
    一个纯CSS实现的横向下拉菜单导航,呵呵,这里也许你说我忽悠你,里面明明有一段JS,没办法为了兼容IE6,只好加一小段。 原理是利用了任意标签的:hover伪类,IE6不支持,那一段JS 就

    一个纯CSS实现的横向下拉菜单导航,呵呵,这里也许你说我忽悠你,里面明明有一段JS,没办法为了兼容IE6,只好加一小段。

    原理是利用了任意标签的:hover伪类,IE6不支持,那一段JS 就是为了解决这个问题。注意,这个js中的
    var sfEls = document.getElementById("navMenu").getElementsByTagName("LI"); 要和HTML中的div层ID 要对应。

    还有一点是 this.className+=" sfhover"; 中的sfhover 和CSS 中的 LI.sfhover 中的 sfhover 要对应,注意大小写,关键所在,否则会没有效果。

    虽然还可以通过 HTC 文件修复这个IE6 :hover 伪类支持。个人还是感觉这种JS比较灵活,况且JS 有不大,就几行而已。

    懒人建站

    ↓ 查看全文

    纯CSS横向下拉菜单导航兼容IE6由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    纯CSS横向下拉菜单导航兼容IE6-最新评论

    • 懒人建站网友 2016-05-12 10:20:44
      不兼容IE6
    • 11 2016-05-12 10:05:44
      不兼容IE6
    • 懒人建站网友 2016-03-18 01:36:59
      没有文件
    • 11 2016-03-18 01:03:59
      没有文件
    • 千木工作室 2016-01-08 01:54:28
      不错,赞一个
    • 11 2016-01-08 01:01:28
      不错,赞一个
    • Jquery特效 2015-03-10 09:35:29
      测试可以下载 呀
    • 懒人建站网友 2015-03-10 02:58:25
      360极速下不出来
    • 11 2015-03-10 09:03:29
      测试可以下载 呀
    • 11 2015-03-10 02:03:25
      360极速下不出来