Question

我为我的大学为Blackboard news / updates / mtc创建了一个非常简单的Wordpress主题。

在Chrome，FF和IE10的最新版本中，主题看起来很棒。然而，IE9中存在一个奇怪的故障。我必须支持IE9的原因是因为这是Blackboard建议用于功能目的的浏览器（当有人坚持使用IE时）。我的主管希望博客在IE9中看起来一样。

所以，我的主菜单看起来很好，填充很好，并且在调整窗口大小时没有崩溃;这是在IE9中导致我出现问题的类（“Home”菜单填充被截断;菜单崩溃）：

ul.mainnav {
float:left;
width:100%;
margin:0;
list-style-type:none;
Font-Family:Arial, Helvetica;
Font-Size:10pt;
Font-Weight:Bold;
background-color: #006AA6;
white-space: nowrap;
list-style: none;
min-width: 1000px;
margin-left: -15px;
}

所以我尝试添加条件语句：

<!--[if IE lte 9]>

 <style type="text/css">

ul.mainnav {
float:left;
width:100%;
margin:0;
list-style-type:none;
Font-Family:Arial, Helvetica;
Font-Size:10pt;
Font-Weight:Bold;
background-color: #006AA6;
white-space: nowrap;
list-style: none;
min-width: 1000px;
margin-left: -15px;
}
</style>          
<![endif]-->

然而条件语句即使没有任何改变，也会在FF和IE9中混淆一切。

即使我把条件语句中的一些元素理想地用于试验/错误修复/破解，它仍然看起来像废话并且搞砸了。

我做错了什么？任何人都可以提出可能的解决办法吗？

指向实时博客的链接，（我正在我的本地计算机上修复此问题）：

http://blogger1.uhcl.edu/UCT/blackboard/

TIA

Answer 1

最明显的两个问题是：

a）IE和版本号之间需要一个空格，例如

<!--[if IE 9]>

当你处于此状态时，你也可以使它低于或等于IE9，即<!--[if IE lte 9]>，因为它（至少）也发生在IE8中。

b）您需要关闭条件中的style标记。

也就是说，-15px的左边距似乎是问题的原因;不太清楚为什么要这么做。

IE9条件语句不起作用？

1 个答案: