Foros del Web » Creando para Internet » CSS »

Transparecia PNG de fondo.

Estas en el tema de Transparecia PNG de fondo. en el foro de CSS en Foros del Web. Hola amigos! aca de nuevo con otro problemita.... estoy armando un site donde tengo una imagen de fondo y necesito poner un contenedor general con ...
  #1 (permalink)  
Antiguo 26/08/2007, 11:06
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Transparecia PNG de fondo.

Hola amigos! aca de nuevo con otro problemita.... estoy armando un site donde tengo una imagen de fondo y necesito poner un contenedor general con otra imagen de fondo, pero esta debe ser un PNG transparente....

en la hoja de estilos tengo esto:
Código HTML:
#contenedorgral{ 
width: 775px; 
background-image: url(img/fondo_contenedor-gral.png) !important;
background-image:none;
filter:none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/fondo_contenedor-gral.png);
}
y en el HTML, esto otro:

Código HTML:
 <body>
   <div id="contenedorgral"></div> 
  </body> 
Aparentemente por lo que estuve investigando, con esto basta....pero aca esta el tema, en IE anda pefectamente, mientras que en FireFox no me muestra la imagen de fondo....¿cómo soluciono esto?

Mil gracias!!!
DX
  #2 (permalink)  
Antiguo 26/08/2007, 11:12
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2098
Re: Transparecia PNG de fondo.

¿Has probado a quitar background-image:none;? Es que una cosa contradice a la otra, y supongo que por ahí vendrá el problema con Firefox.
Dado que el filtro solo es para IE, también podrías ponerlos con hacks. Algo así:
Código:
/* hack-ie6 */
* html #contenedorgral {
elfilto
}
/* hack-ie7 */
*:first-child+html #contenedorgral {
elfiltro
}
Los pongo por separado para que se vea mas claro.
  #3 (permalink)  
Antiguo 26/08/2007, 11:59
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Transparecia PNG de fondo.

lo voy a probar...
  #4 (permalink)  
Antiguo 27/08/2007, 18:03
 
Fecha de Ingreso: noviembre-2004
Mensajes: 117
Antigüedad: 13 años, 1 mes
Puntos: 0
Re: Transparecia PNG de fondo.

Cita:
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src=img/fondo_contenedor-gral.png);
Estas usando un filtro especial de Internet Explorer , lo normal es que no funcione en Mozilla (digo lo normal porque hay cosas especiales de IE que Mozilla está metiendo en sus especificaciones).

Con Mozilla pasa igual.

Los PNG solo se pueden poner transparentes con IE7 y Mozilla, pero no con IE6, para este ultimo hay que usar javascript o algun filtro especial de Internet Explorer. Con tu metodo puedes hacer que se condicione dentro del archivo CSS con un IF si es IE6 y que aplique ese filtro. En caso contrario que no se aplique nada. Tambien supongo que puedes programar este procedimiento con Javascript.

Busca informacion en google.
__________________
Saludos a todos ;)

Fiat en Malaga
.. y ahora con CSS!
  #5 (permalink)  
Antiguo 27/08/2007, 18:05
 
Fecha de Ingreso: noviembre-2004
Mensajes: 117
Antigüedad: 13 años, 1 mes
Puntos: 0
Re: Transparecia PNG de fondo.

Seguro que esto te ayuda un poco más

http://www.mandarindesign.com/opacity.html

Voilá
__________________
Saludos a todos ;)

Fiat en Malaga
.. y ahora con CSS!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:45.