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 回答