我正在更改以 SaaS 形式提供的电子学习管理系统 (ELMS) 的 UI。由于使用 Internet Explorer 和 ELMS 的公司政策,我们应该在兼容模式下使用 IE(否则 - ELMS 的某些内置功能不可用。)
我使用不同的样式表和 IE 条件注释来更改界面:
<link rel="stylesheet" type="text/css" href="/files/css/styles_login.css">
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="/files/css/styles_login_ie7.css"><![endif]-->
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="/files/css/styles_login_ie6.css"><![endif]-->
使用普通模式和文档模式 == 5,我在开发者工具的 DOM Explorer 中有以下内容:
<LINK rel=stylesheet type=text/css href="/files/css/styles_login.css">
<LINK rel=stylesheet type=text/css href="/files/css/styles_login_ie7.css">
<LINK rel=stylesheet type=text/css href="/files/css/styles_login_ie6.css">
但是,在兼容模式和文档模式 == 5下,它错过了 IE6 样式:
<LINK rel=stylesheet type=text/css href="/files/css/styles_login.css">
<LINK rel=stylesheet type=text/css href="/files/css/styles_login_ie7.css">
为什么会这样?如何让兼容模式使用 IE6 样式表?