Question

#header-menu{
    width:990px;
    height: 115px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 0px;
}

我正在使用这个CSS代码，即使IE9，IE8也在使用每个浏览器。但它不适用于IE7。我不明白什么是问题

Answer 1

在CSS方面，IE 7总是很麻烦。您总是可以添加一个额外的样式表来修改和更改IE 7在文档的HEAD中搞乱的任何内容（只需确保它在主样式表下面）：

<!--[if IE 7]><link href="/css/ie7.css" rel="stylesheet" type="text/css"><![endif]-->

这不是最快的方式，W3C会建议您预先浏览器检查并向正文添加一个类，以便添加到您的样式表中，但它是最快的，并完成工作

注意：我们只希望有一天我们生活在一个不支持IE 7的世界中。

Answer 2

你能告诉我们为什么它不起作用？如果你试图集中某些东西，那么margin-left:auto;和margin-right:auto;技术在旧的IE版本上不起作用，所以你应该在父元素中使用text-align:center;（而不是在标题中 - 菜单本身）。如果header-menu没有父级，那么您应该将text-align:center;应用于html元素：

html {text-align:center;}

编辑：由于这不是很优雅，你可以在一个单独的CSS中包含低于IE8的版本：

<!--[if lt IE8]> (your CSS here) <![endif]-->

Answer 3

如果您尝试将header-menu居中，因为此处有固定的宽度和高度，您可以使用margin: 0 auto;代替：

margin-top: 0px; margin-right: auto; margin-bottom: auto; margin-left: auto;

希望这能解决您的IE7问题。

如何在IE 7中关闭CSS问题

3 个答案: