我正在使用此页面上的示例代码来创建响应式多级导航。在此处找到的示例代码: 单击此处 在 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; }
我一直在搜索,直到我脸色发青,但找不到原因????????????