Question

这是我的网站：http://b.countylinemini.com/。 IE 8及以下版本的菜单搞砸了。似乎无法修复它。我有shiz的现代化。我尝试通过将整个菜单封装在div中来修改css以应用样式。

感谢任何帮助

Answer 1

这里的问题出在CSS中。

快速修复将包括IE8及更低版本的特定CSS。 http://www.quirksmode.org/css/condcom.html

菜单无序列表的样式为“display：table”，列表项的样式为“display：table-cell”，我认为这是旧IE浏览器的问题所在。

为了让它在旧的IE中工作，您应该能够将两者都设置为“display：block”并使用“float：left”浮动列表项

这样做不会让它看起来像素完美，但它应该运行良好。

编辑：如果您更改菜单并且关注古老的浏览器，请保持简单 - 您不需要JavaScript来制作下拉菜单。（此外，您可以在CSS中使用适用于现代浏览器的动画，并且不会破坏旧版浏览器。）只需隐藏子菜单，并将鼠标悬停在其父项上时显示子菜单。

ul.menu li.menu-item ul.sub-menu{
display:none;
}
ul.menu li.menu-item:hover ul.sub-menu{
display:block;
}