Ok.. entonces el problema se resuelve de la siguiente manera..
lo que debes hacer es que en todas las paginas que iran dentro del iframe poner lo siguiente
Código:
<style>
body {
background-color: transparent;
}
</style>
y asi el fondo de las paginas que iran dentro del iframe sera transparente por lo que se respetara el fondo de la pagina principal por decirlo asi.. un ejemplo mas claro esta aca:
Pagina principal index.html
Código:
<html>
<head>
<style type="text/css">
body {
background: #4D87C7 url(http://builder.yaml.de/images/bg_blue.gif) repeat-x fixed left top;
}
iframe {
border: 1px solid lightblue;
}
</style>
</head>
<body>
<div>
<a target="central" href="flash/contactos.html">click prueba</a>
</div>
<div>
<iframe src="home.html" name="central" width="700" height="500" allowtransparency="true" scrolling="no" frameborder="0" target="_self" align="middle">
Não Soportado
</iframe>
</div>
</body>
</html>
pagina secundaria home.html
Código:
<html>
<head>
<style>
body {
background-color: transparent;
color: #fff;
}
</style>
</head>
<body>
hey... estoy dentro del iframe
</body>
</html>