我为 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