Question

如果之前已经问过这个问题 - 请原谅我，我找不到。

我用HTML将AJAXing HTML文档转换为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>

Answer 1

谢谢Teemu，

我找到了解决办法。

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

e.g。

在CSS文件中： ... span.ie_dummy {font-size：0.1em;} ...

脚本：

var archdoc =“＆lt; span class ='ie_dummy'＆gt;＆amp; nbsp;＆lt; / span＆gt;” + xmlhttp.responseText;

（必须使用＆amp; nbsp;空格字符不起作用。）

这要求我合并档案中的所有CSS文件并消除任何歧义。我很想让IE用户保持原样。也许他们会切换浏览器。

IE不在DIV中使用外部CSS

1 个答案: