当使用Javascript渲染时，IE上的外部CSS被剥离

external CSS is being stripped on IE when rendered using Javascript

本文关键字：外部 CSS 剥离 IE Javascript      更新时间：2023-09-26

我有下面的代码，它正在通过Javascript在网站上呈现：

<div id="rs_overlay">
  <link type="text/css" rel="stylesheet" media="screen" href="CSS URL HERE">
  <div id="rs_content">
      <div id="rs_images">
        <div class="left">
          <div class="rs_image">
            <img height="161" src="http://www.dwellstudio.com/media/upload/image/35a1zki.jpg">
          </div>
        </div>
        <div class="rs_clear">
      <div>
  </div>
</div>

覆盖布局在webkit、moz浏览器和IE9上运行良好，但在IE8和IE7上失败了，因为行

<link type="text/css" rel="stylesheet" media="screen" href="CSS URL HERE">

正在IE7/8上剥离。

除了内联css，还有什么想法吗？

正如Marc B所评论的，<link>标签应该放在<head>中。您的脚本应该创建<link>元素并将其附加到那里。

示例：

var head = document.getElementsByTagName('head').item(0);
var elem = document.createElement('link');
elem.type = 'text/css';
elem.rel = 'stylesheet';
elem.href = "CSS URL HERE";
head.appendChild(elem);
相关文章：