javascript - IE 不应用动态加载的 CSS

Question

看起来好像 IE(至少是旧版本)不应用动态加载的 CSS。如果您通过 ajax 将包含 CSS 的页面加载到“lightbox”或“colorbox”中，这可能是一个痛点。

例如，假设您的 HTML 页面有一个名为“taco”的 div:

<style>#taco {color:green;}</style>
<div id="taco">Hola Mundo!</div>

“ Hello World !”将为绿色，因为 CSS 包含在原始 HTML 页面中。然后一些 Javascript 发生并将其附加到“taco”:

<style>#taco {color:green;}</style>
<div id="taco">
  Hola Mundo!
  <style>#burrito {color:red;}</style>
  <span id="burrito">mmmm burrito</span>
</div>

在除IE以外的所有浏览器中，burrito的字体都是红色的。

那么有没有办法在 IE 中做到这一点？好像没有。

Answer 1

style 标签只允许出现在head 部分。放在别的地方根本无效，与IE无关。

More information .

顺便说一句，如果您不能将样式放在全局样式表中，要解决您的问题，您可以使用“style”属性修改元素:

<p style="...">

或者您可以使用 iframe，但您必须提供整个页面，而不仅仅是几个标签。