0

我在下面有这段代码，它通过 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 有什么想法吗？

4

1 回答 1

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);
于 2012-04-04T08:03:06.867 回答