Se puede transparentar el background de un div

[shurshok]

hola, quería saber si se puede transparentar un poco el background, o tengo que poner un png medio transparente de fondo??

[shurshok]

Bueno, ya encontré mi solución, la hice con opacity

Si alguien quiere saber como hacerlo envié un mp

[JavierB]

Hola shurshok

¿Un MP? ¿Por qué no lo pones aquí mismo?

Saludos,

[daPhyre]

Creo que opacity no funciona con IE

¿Transparentaste solo el fondo? ¿O todo el Div? Yo aun no se como hacer el primero

[shurshok]

jajajaja, si quieren que lo postee esta bien:

Bueno no es realmente mucha ciencia, y no tiene nada que ver con css, solo hice un background en png medio transparente jajaja.

y daphyre, si funciona opacity en IE, bueno en realidad esto funciona como opacity:

<!--[if IE 6]><style>#caja1 {filter: alpha(opacity=30);}</style><![endif]-->

[T_O_N_N_Y]

Iniciado por daPhyre

Creo que opacity no funciona con IE

¿Transparentaste solo el fondo? ¿O todo el Div? Yo aun no se como hacer el primero

Para hacer que sólo sea trasparente el fondo del div y no el contenido se suelen usar PNGs con trasparencia como fondo del div en cuestión. No conozco otra forma de hacerlo

Un saludo

[shurshok]

Si tonny gracias por la respuesta, pero ya estaba resuelto jajajaja.

[Mikmoro]

Bueno, en realidad estaba resuelto si no vas a poner nada dentro de esa caja, porque si no, como te dice T_O_N_N_Y, verás el problema: todo lo que pongas dentro de ella también será semitransparente.

[shurshok]

si, ya se lo de la propiedad opacity, todo se va a ver transparente, solo fue una aclaracion que le hice a daphyre, pero en esta parte del hilo dije yo:

Iniciado por Shurshok

Bueno no es realmente mucha ciencia, y no tiene nada que ver con css, solo hice un background en png medio transparente jajaja.

[Mikmoro]

Perfecto. El png es lo más sencillo (no para IE6), aunque puede haber otras maneras.

[shurshok]

jajajaja, si es verdad, mas sencillo no hay xD

[Rafael]

Quizá no más sencillo que el png, pero otra opción podría ser anidar 2 divs. Al promero le pones el opacity 50 y al de dentro le reasignas opacity 100. No estoy seguro pero podría ser.

En dado caso que el opacity 50 original de plano bloquee a la anidada, tal vez con posicionamiento absoluto, para que no esté andidada dentro de la otra. ¿no?

[Mikmoro]

Iniciado por Rafael

Quizá no más sencillo que el png, pero otra opción podría ser anidar 2 divs. Al promero le pones el opacity 50 y al de dentro le reasignas opacity 100. No estoy seguro pero podría ser.

Desgraciadamente no funciona.

Iniciado por Rafael

En dado caso que el opacity 50 original de plano bloquee a la anidada, tal vez con posicionamiento absoluto, para que no esté andidada dentro de la otra. ¿no?

Así es, es una buena manera de evitar lo de los PNG y otros problemas.

En realidad: una caja con posición relativa, dentro de ella una con posición absoluta y opacity, y fuera de ella pero dentro de la primera el resto del contenido.

[Rafael]

Mm, cierto, el opacity se hereda y ya no se puede desheredar... :D