IE 不在 DIV 中使用外部 CSS答案

【问题标题】：IE doesn't use External CSS within a DIVIE 不在 DIV 中使用外部 CSS
【发布时间】：2012-12-02 15:49:36
【问题描述】：

如果以前有人问过这个问题 - 请原谅我，我找不到。

我正在使用 javascript 将 HTML 文档 AJAXing 到一个 div。这段代码是一个简化。

Chrome-23 和 FF-8 使用 ietest.css 文件呈现 HTML，但 IE-9 没有。使用用 iframe 代替 div 会很困难。

欢迎提出任何建议。

谢谢，约翰在多伦多

<!--
Style sheet contents:
p.bu1 {color: Blue; font-size:2em; font-weight:bold;}
p.rd1 {color: Red;  font-size:2em; font-weight:bold;}
-->

<html>
<head>
<script>
function write_doc()
{
  document.getElementById('div').innerHTML = "<link rel='stylesheet' type='text/css' href='ietest.css?v=1'>\
   <p class='bu1'>BLUE</p><p class='rd1'>RED</p>";
}
</script>
</head>
<body>
<div id='div' onclick='write_doc()'>Click Me</div>
</body>
</html>

【问题讨论】：

链接元素只能在IE的head标签内使用：msdn.microsoft.com/en-us/library/ms535848%28v=vs.85%29.aspx

标签： internet-explorer stylesheet

【解决方案1】：

谢谢提姆，

我找到了解决方法。

我在查询页面中加载了一个 CSS 文件（涵盖了大部分引用的样式），然后在 HTML 字符串中添加对其类之一的引用，然后将其发送到 div。

例如

在 CSS 文件中： ... span.ie_dummy {字体大小：0.1em;} ...

脚本：

var archdoc = " " + xmlhttp.responseText;

（必须使用，空格字符不起作用。）

这需要我合并存档中的所有 CSS 文件并消除任何歧义。我很想给 IE 用户留下无样式的文本。也许他们会切换浏览器。

【讨论】：