Question

我的页面中的某些<style>...</style>上有iframe标记...这些iframe来自同一个来源，因此，我可以从主页面访问它们。

在大多数浏览器中，样式表标记仅应用于相应的iframe，但是，当浏览器为IE8时，样式表甚至应用于主页面。

我尝试了属性sandbox，但是，它无法解决我的问题...因为我需要访问iframe.contentWindow.document属性...

如何才能将该样式表限定为仅限于相应的iframe？

EDITS

// application.js
function EditIframeCtrl() {
  var iframe = document.getElementById('test');

  var style = "<style type='text/css'>body { background: red; }</style>";
  var page = "<html><head>"+ style +"</head><body></body></html>";

  iframe.contentWindow.document.open('text/html');
  iframe.contentWindow.document.write(page);
  iframe.contentWindow.document.close();
}
document.addEventListener('DOMContentLoaded', EditIframeCtrl);

<!-- index.html -->
<html>
  <head></head>
  <body>
    <iframe src="iframetest.html"></iframe>
  </body>
</html>

<!-- iframetest.html -->
<h1>this is just for having a same origin iframe</h1>

IE8 - iframe css沙盒

0 个答案: