Hola, estoy probando y me estoy volviendo loca, no funciona nada. He probado a cambiar los estilos en los archivos css y dejarlos como sigue:
[QUOTE]
...
#cabecera{
position: relative;
z-index: 10;
top: auto;
left: auto;
width: 1520px;
}
#contenido{
position:relative;
float: left;
width: 1520px;
...
[QUOTE]
y en la jsp:
Como tengo varios <a href>, uno de un botón para generar el informe con id= generarInforme y el resto del menú, intento que al pasar con el ratón sobre el menú el contenido de la etiqueta <div id="contenido"> , que es dónde está incluída la etiqueta <div id="informe"> donde alojo al <iframe>, queda debajo del resto:
Código HTML:
...
</html>
<script type="text/javascript">
$("a").mouseover(function()
{
var valorId = $(this).attr('id');
if (valorId != 'generarInforme')
{
$(document).find('contenido').css('z-index', '-1');
}
});
pero al desplegar el menu sigue cortándose a la altura del <iframe>.
Tb había probado a ir poniendo a todas las <div> de la jsp un z-index en la hoja de estilos css, cada vez menor hasta llegar al <div id="informe"> al cual le ponía -1, pero tampoco funciona. Y no puedo poner directamente en la hoja de estilos al estilo contenido z-index:-1 porque entonces no puedo acceder a ningún valor del div, los campos se quedan sin poder acceder a ellos.
¿Habrá algo especial para el <iframe>? Yo aún no lo he encontrado. Si alguien puede echarme un cable lo agradecería.
Muchas gracias
</script>