一位网页设计师为我们创建了包含 IE 特定注释的页面。因此,仅当用户使用特定版本的 IE 时才会包含某些样式表:
<!--[if lt IE 7]>
<link type="text/css" rel="stylesheet" href="/styles/ie6-fixes.css" media="screen" />
<![endif]-->
同样的技术也被用于 JavaScript 文件。 不幸的是,这会导致 IE 用户产生更多 HTTP 请求,因此感知到的页面加载时间会变慢。一般来说,我的做法是将所有 CSS 合并在一个文件中,将所有 JS 合并在一个文件中。
有没有办法将这些特定于 IE 的注释包含在 CSS 和/或 JS 文件本身中?或者有什么方法可以模拟这个功能?
最佳答案
对于 CSS,您可以使用 IE 特定的注释将文档内容包围在表单元素中
<div id="IE6">
这可以让您通过在选择器前面添加“#IE6”来实现 IE6 CSS 修复。
有关更多详细信息,请参阅 http://www.positioniseverything.net/articles/cc-plus.html
JScript 还具有条件编译功能,可以帮助您将 JS 文件合并为一个。 请参阅http://msdn.microsoft.com/en-us/library/ahx1z4fs(VS.80).aspx
关于javascript - 使用 IE 条件注释包含 CSS 或 JavaScript 文件会导致更多 http 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2150529/