Problema con opacidad y Divs

[Ulises309]

Hola, como les va, perdon por la molestia pero me topo con un problema de css y html, lo que pasa es que quiero hacer un div con un fondo con opacidad, al div lo pongo con un filtro de opacidad:

Código:

opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;

Pero esto afecta a TODO el contenido del div mientras que yo quiero que solo afecte al fondo, pense en montar un div ensima de otro, lo hize, pero el problema es que necesito que el div con el fondo opaco, se estire deacuerdo al contenido del otro como pasa con cualquier fondo, pero no lo puedo lograr, hay alguna manera de que el opacamiento del div no afecte a todo y solo afecte al fondo o que el div de transparencia se estire deacuerdo a como se estire el div del contenido? gracias por su atencion.

[Raziel_Ravenheart]

El div transparente se debe redimensionar de acuerdo al otro div interno, pero el div opaco o sea el de adentro, carga contenido dinámicamente o dependiendo de la página que se abra?

[Ulises309]

Si, es por modulos en php entonces el contenido cambia dinamicamente. intentare subir el sistema a un host para que lo vean y me ayuden.

[DrFaust]

Lo mejor que podés hacer es hacer el fondo traslúcido en Photoshop, guardarlo como PNG-24, y utilizar un hack para que IE6 soporte PNG-24 con transparencias:

http://koivi.com/ie-png-transparency/

[Ulises309]

Creo que esa sera la forma ya que no veo otra, gracias por la atencion.

[raulalejandro1]

puedes sobreponer un div sobre con css, te dejo un ejemplo que yo uso en mi web!

Código:

#divdeabajo{
position:absolute;
z-index:1;

}


#divencima{
position:absolute;
top:400px;
left:200px;
z-index:100;
}

Eso seria un ejemplo pero tu tendras que probar moviendo los valores top y left para dejar el div encima y sobre ese div pondras tu contenido.
Espero que te sirva

[daPhyre]

Como dice DrFaust, una de las mejores opciones es usar un pixel con la transparencia deseada. O bien, si no te importa que los navegadores antiguos lo apliquen, también está el más actual fondo rgba:

background:rgba(0,0,0,0.5);

[furoya]

Les dejo un enlace donde debatimos el tema hasta le ejemplo de daPhyre

Función "opacity"

(Ignoren el puñado de últimos mensajes, son los descolgados de siempre que arruinan los temas, hasta el #26 hay aportes.)