0

以下のコードは、Javascript を介して Web サイトでレンダリングされています。

<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 に答える