Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/03/2013, 14:18
larucha3000
 
Fecha de Ingreso: marzo-2013
Ubicación: Mar del Plata
Mensajes: 8
Antigüedad: 11 años, 1 mes
Puntos: 0
Div con transparencia superpuesto a texto

Hola! Me llamo Lara. Estoy practicando haciendo una web. Por el momento unicamente he hecho la pagina de registro. El problema esta en que al cambiar el tamaño de la ventana se perdia el formulario y habia que moverse con los scrolls para poder verlo. He puesto un contenedor con -margin:auto- para conseguir que el contenido se mantenga centrado en la ventana mientras esta cambia de tamaño. Ahora mi problema es que quiero usar una trasparencia para el fondo del formulario y no consigo ponerla detras del formulario. Estoy practicando con este codigo:

<html>
<head>

<style>
#fondo
{width:100px;
height:50px;
margin:auto;
background-color:red;
filter:alpha(opacity=50%);
opacity:0.5;

}
#class1
{width:100px;
margin:-50px auto 0px auto;

}
#class2{
width:40px;
text-align:center;
display:inline-block;
}
#class3
{
text-align:right;
width:60px;
height:30px;
display:inline-block;
background-color:blue;
}

</style>
<body>
<div id="fondo"> </Div>
<div id="class1">
<div id="class2"> hola</div><div id="class3">mundo</diV>
</div>
</body>
</html>



----
El exito sería que se viera el azul intenso sobre el rojo con transparencia.

Pd: Tampoco se como aplicar la trasparencia para IE :)

¿Que puedo hacer?