1

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

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

所以，我的主菜单看起来很好，填充很好，调整窗口大小时没有折叠；这是在 IE9 中导致我出现问题的类（“主页”菜单填充被切断；菜单折叠）：

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

4

1 回答 1

1

最明显的两个问题是：

a) 您需要在 IE 和版本号之间留一个空格，例如

<!--[if IE 9]>

当您使用它时，您也可以使其小于或等于 IE9，即<!--[if IE lte 9]>（至少）IE8 中也会发生这种情况。

b）您需要style在条件内关闭标签。

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

于 2013-11-11T15:14:24.853 回答