Puede "heredar" el CSS de los padres por tener dicho código en el iframe:
<head>
<script type="text/javascript">
window.onload = function() {
if (parent) {
var oHead = document.getElementsByTagName("head")[0];
var arrStyleSheets = parent.document.getElementsByTagName("style");
for (var i = 0; i < arrStyleSheets.length; i++)
oHead.appendChild(arrStyleSheets[i].cloneNode(true));
}
}
</script>
</head>
funcionó bien para mí en IE, Chrome y Firefox.
En cuanto a JavaScript, no pude encontrar una manera de agregar el padre JavaScript en el iframe directamente, sin embargo se puede añadir parent.
en cualquier lugar de usar la JS desde dentro de la matriz, por ejemplo:
<button type="button" onclick="parent.MyFunc();">Click please</button>
Esto invocará la función llamada MyFunc
definida en la página primaria cuando se hace clic en el botón.
si se puede añadir código JavaScript, que sólo puede rendir apropiada HTML iframe –