1

我正在使用此页面上的示例代码来创建响应式多级导航在此处找到的示例代码: 单击此处 在 IE7 中效果很好

但是,我的版本位于此处:单击此处 没有。

这是我的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; }

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

4

0 回答 0