Question

有人可以解释为什么这个菜单会在IE7和8上消失吗？它适用于Chrome，Firefox，Opera和Safari。 IE7上的页面宽度也会发生变化，中间的3列区域变为2列区域。 Here is the site link

Answer 1

了解您的网站和style.css

看起来第187行是问题

你有这个：

li#menu-item-29 a, ul#mainmenu-menu li.menu-item-29 a:hover {
    background-image: url("http://wecare.eu.com/images/btnHome.gif");
}

在此处删除：hover伪类，然后保留 a {...

关于中间部分的3列中断，这是因为IE7不支持大小调整CSS3属性。因此，您已将宽度设置为33.3％+每个列的左右填充15px。在较新的浏览器上，它的工作原因是盒子大小调整：border-box以不同的方式计算盒子大小。

解决方法是为IE7＆amp;创建一个条件语句。 8个样式表并以不同方式计算宽度。我的建议是这样的：

width: 29.333%
padding: 0 2% 20px

希望它有所帮助。