Application de styles au contenu d'un iframe

Question

La page à l'intérieur de iframe est chargée dynamiquement par javascript. J'utilise jQuery, alors j'ai essayé comme ça.

var css2 = '<link rel="stylesheet" href="/inc/css/style.css" type="text/css"/>'; 
$("iframe").contents().find("head").append(css2); 

Cela fonctionne très bien avec Firefox, mais pas avec IE. Puis j'ai créé dom et l'ai ajouté manuellement à la balise head avec 'createElement', 'setAttribute'. Cela ne fonctionne toujours pas avec IE.

Je pense qu'il y a un problème de sécurité dans le contrôle dynamique de l'iframe. Existe-t-il un moyen de le faire fonctionner avec IE?

Answer 1

essayez ceci (non testé):

var id = '#myIframeId' 
var iframe = document.frames ? document.frames[id] : document.getElementById(id); 
var ifWin = iframe.contentWindow || iframe; 


$(ifWin).find('head').append(css2);