Question

我正在使用此页面上的示例代码创建响应式多级导航。此处的示例代码： click here 在IE7中运行良好

但是，我的版本位于此处： click here 不会。

这是我的 CSS

#mainMenu ul{ margin:0; padding: 0; }
    nav { overflow: visible!important; }
    .nav { list-style: none;  *zoom: 1; background: transparent url('../images/background-pattern.jpg') repeat bottom center; }
    .nav:before, .nav:after { content: " ";  display: table; }
    .nav:after { clear: both;}
    .nav ul { list-style: none;  width: 12em; }
    .nav a { color:#aaa; line-height: 3em; padding:0 .9em 0 .9em; text-transform:uppercase; font-size: 90% }
    .nav a:hover, .nav li:hover > a{ color:#fff; }
    .nav li {  position: relative; }
    .nav > li { float: left;  }
    .nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right;}
    .nav > li > a { display: block;}
    .nav li ul { position: absolute;  left: -9999px;}
    .nav > li.hover > ul { left: 0; top: 0;}
    .nav li li.hover ul { left: 100%; top: 0;}
    .nav li li a { display: inline-block; /* For IE 7 and below, but anyone can see it */}
    .nav li li a { display: block; background: #2b2c2d; position: relative; z-index:100; border-top: 1px solid #1e1f20; line-height:1.6em; padding:0.25em 0.5em 0.25em 0.5em; text-transform:uppercase;}
    .nav li li li a { background:#353637; z-index:200; border-top: 1px solid #1e1f20;}
    .nav li li a:hover { background: #1e1f20; }

我一直在搜索，直到我脸色发青，但却找不到原因?????????????????

响应式，多级导航IE7 Bug

0 个答案: