Question

我在下面的代码是通过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之外的任何想法？

Answer 1

正如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);

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

1 个答案: