hola Mikmoro. gracias por estar ahil. la verdad es que estuve probando y y cambien un poco el codigo. aqui es donde se puede ver. este es el nuevo codigo.
<head>
<style type="text/css">
div#cuadro{
position: relative;
top:5px;
left:10px;
z-index:1;
}
div#botonera{
position: relative;
z-index:1;
}
div#fondo_texto_div{
position: relative;
z-index: 2;
width: 500px;
height: 50px;
color: white;
font-weight: bold;
background-color: #3E4A4D;
filter:alpha(opacity=20); ///de esta linea
-moz-opacity: 0.6;
opacity: 0.6;
}
</style>
</head>
<body onload="inicio();mostrar(0);" >
<div>
<h1 class="titulo_noticia" style="margin-top:0px; margin-bottom:0px;" id="titulo_noticia"></h1>
</div>
<div id="cuadro">
<img id="imagen_noticia" onload="obj('cuadro').style.visibility='visible'"/ >
</div>
<div id="botonera">
<a href="#link" onclick="clearInterval(mauricio); cambiar(-1); inicio()"><img src="noticias_detacadas/atras_galeria.gif" border="0"> </a>
|
<a href="#link" onclick="clearInterval(mauricio)"><img src="noticias_detacadas/pausa_galeria.gif" border="0"></a>
|
<a href="#link" onclick="clearInterval(mauricio);cambiar(1);inicio ()"><img src="noticias_detacadas/adelante_galeria.gif" border="0"></a>
</div>
<div id="fondo_texto_div">
<p id="texto_noticia">
<a href="#link" id="enlace">Ver ...</a></p>
</div>
</body>
lo que quiero lograr es poner la imagen de fondo. arriba de esta los botones(tal como se muestran), y luego el texto con el fondo de opacidad arriba de la imagen,abajo de esta alineada a la izquierda,quedando apenas arriba de los botones sin taparlos.