Jquery CSS-IE7&；8期

更新

我注意到只有当我使用slideUp/Down时才会出现这种情况。如果我使用show/hide everythings，好吗

结束更新

在我正在开发/设计的网站中，我有两个问题

在IE7中，滑动菜单似乎不会显示，直到我稍微移动鼠标

在IE8中，菜单向上滑动后，边距似乎被删除

JS（如果需要）

$（函数（）{ 美元（“#mainNav li:has（ul）>a”）.addClass（“hasMore”）； 美元（“#mainNav li”）。悬停意图（menuOn，menuOff）； $.each（$（“#mainNav a.active”）.parents（“li”）、function（）{ $（this）.children（“a:first”）.addClass（“active”）； }); $（“#mainNav”）.mouseleave（函数（）{ $（“ul”，本）。幻灯片（200）； $（.open），this.removeClass（“open”）； }); }); 函数menuOn（）{ var childUl=$（this.children（“ul”）； if（儿童长度）{ 儿童滑落（200）； $（此）.addClass（“打开”）； $（“ul”，$（此）。最近的（li）。兄弟姐妹（li）。slideUp（200）； $（此）.最近的（“li”）.兄弟姐妹（“li”）.removeClass（“打开”）； } } 函数menuOff（）{ } CSS

#mainNav, #mainNav ul { list-style: none; padding: 0; margin: 0; } #mainNav ul { display: none; } #mainNav li { position: relative; } #mainNav li ul { margin: 2px 0 2px 5px; background-color: #282a33; } #mainNav a:link, #mainNav a:visited { display: block; padding: 5px 10px; margin-bottom: 2px; color: #282a33; background-color: #ffe7a6; text-decoration: none; } #mainNav a:hover, #mainNav a:active { background-color: #e6c468; } #mainNav > li.open > a.hasMore { background-color: #e6c468; } #mainNav > li > a.active { color: #fff; background-color: #fa8000 !important; font-weight: bold; } #mainNav li li a:link, #mainNav li li a:active, #mainNav li li a:visited, #mainNav li li a:hover { background-color: transparent !important; padding: 2px 5px; font-family: Georgia, Garamond, "Times New Roman", serif; font-size: 11px; font-weight: bold; color: white; } #mainNav li li a:hover, #mainNav li li a:active { color: #ffe7a6; } #mainNav li li a.active { color: #fa8000; } #mainNav a.hasMore { background-image: url(../images/section_collapsed.png); background-repeat: no-repeat; background-position: right center; } #mainNav a.active.hasMore, #mainNav a.hasMore:hover, #mainNav li li > a.hasMore { background-image: url(../images/section_collapsed2.png); } #mainNav li.open > a.active.hasMore, #mainNav li.open > a.hasMore { background-image: url(../images/section_expanded2.png); } #mainNav，#mainNav ul{ 列表样式：无； 填充：0； 保证金：0； } #主导航ul{ 显示：无； } #李美娜{ 位置：相对位置； } #李美娜{ 保证金：2px 0 2px 5px； 背景色：#282a33； } #主导航a:链接，#主导航a:已访问{ 显示：块； 填充物：5px10px； 边缘底部：2px； 颜色：#282a33； 背景色：#ffe7a6； 文字装饰：无； } #主导航a:悬停，#主导航a:活动{ 背景色：#e6c468； } #mainNav>li.open>a.hasMore{ 背景色：#e6c468； } #mainNav>li>a.active{ 颜色：#fff； 背景色：#fa8000！重要； 字体大小：粗体； } #主导航李a:链接，#主导航李a:活动，#主导航李a:已访问，#主导航李a:悬停{ 背景色：透明！重要； 填充物：2px 5px； 字体系列：乔治亚州，加拉蒙德，“新罗马时代”，衬线； 字体大小：11px； 字体大小：粗体； 颜色：白色； } #主导航李a:悬停，#主导航李a:活动{ 颜色：#ffe7a6； } #主导航李莉a{ 颜色：#fa8000； } #主导航a.hasMore{ 背景图像：url（../images/section\u collapsed.png）； 背景重复：无重复； 背景位置：右中； } #主导航a.active.hasMore， #主导航a.hasMore:悬停， #主导航李莉>哈斯莫尔{ 背景图像：url（../images/section_collapsed2.png）； } #mainNav li.open>a.active.hasMore， #主导航li.open>a.hasMore{ 背景图像：url（../images/section_expanded2.png）； } 这应该可以解决它

#mainNav {
  zoom:1;
}

---

阅读更多关于

的信息，您的意思是让alt文本不成为链接吗？它在你的来源中逃逸了。我真的不明白你的意思？alt文本？我逃避了什么吗？我注意到，如果我使用show（）&hide（）而不是幻灯片，则不会发生这些情况。似乎不会。。。缩放使ul以某种方式延伸到主要内容上。我也试过身高：1px。它仍然不起作用。有什么东西不是偷看的吗？它应该在IE7中修复吗？

#mainNav {
  zoom:1;
}