Hola pude solucionarlo poniendo el iframe en un div y creando una funcion para cerrar el div que contenia el iframe pero ahora necesito cambiar el fondo del div "contenedor" este es mi codigo
<html>
<head>
<script type="text/javascript" src="sdmenu/sdmenu.js">
function mostrardiv() {
div = document.getElementById('slices');
div.style.display ='';
}
function cerrar() {
div = document.getElementById('slices');
div.style.display='none';
}
</script>
</head>
<body>
<table align="center" width="1025">
<tr>
<td>
<div id="contenedor">
<div id="banner"></div>
<div id="slices"><iframe src="diapo/diapo.html" name="diapo" width="990" height="300" scrolling="No" frameborder="0" id="diapo" allowtransparency="true" align="middle"></iframe></div>
<div id="cuerpo"><table width="1205">
<tr>
<td width="205" height="665" valign="top"><div style="float: left" id="my_menu" class="sdmenu">
<div class="collapsed">
<span><a href="index_div.html" target="_self" class="btnIn">Inicio</a> </span>
</div>
<div class="collapsed">
<span>Quienes Somos</span>
<a class="sdmenu">Conócenos</a>
<a class="sdmenu">Misión</a>
<a class="sdmenu" >Visión</a>
</div>
<div class="collapsed">
<span>Productos</span>
<a class="sdmenu">Laboratorios</a>
<a href="listado_carreras.html" target="cont_general" class="sdmenu" onclick="cerrar()">Carreras</a>
</div>
<div class="collapsed">
<span>Servicios</span>
<a class="sdmenu">Instalación</a>
<a class="sdmenu">Capacitación</a>
<a class="sdmenu">Formación</a>
</div>
<div class="collapsed">
<span><a href="contacto.html" target="_parent" class="btnIn">Contacto</a></span>
</div>
</div>
<p></p>
<img src="img/btn_chat.jpg" /><br />
<img src="img/img_numero.jpg" />
</td>
<td><iframe src="productos_index.html" name="cont_general" width="800" height="650" scrolling="No" frameborder="0" id="cont_general" allowtransparency="true" align="middle"></iframe></td>
</tr>
</table>
</div>
</div>
<div id="footer"></div>
</td>
</tr>
</table>
</body>
</html>
Estilos.css
#contenedor {
width:1025 px;
height:1205px;
background:url(../img/blackground.png);
background-repeat:no-repeat;
}
#banner {
height: 200px;
}
#slices {
height: 340px;
width:1025px;
text-align:center;
}
#cuerpo {
height: 665px;
}
#footer {
height: 20px;
background:url(../img/pie_pag.jpg);
background-repeat:no-repeat;
}
la imagen que tiene contenedor "background:url(../img/blackground.png);" la quiero cambiar por "background:url(../img/blackground_inicio.png);" al momento de hacer clic en el boton "Carreras" del menu, esto lo quiero hacer al pulsar cualquier opción del menu excepto index.
e investigado en internet pero no encuentro lo que necesito
