Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 26-ago-2007, 10:06   #1 (permalink)
DragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy pronto
 
Avatar de DragonX
 
Fecha de Ingreso: noviembre-2002
Ubicación: Funkyland
Mensajes: 7.094
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
__________________
Diseño web y maquetación

ya no tengo más blog...pero tengo muestrario
DragonX está desconectado   Responder Citando
Antiguo 26-ago-2007, 10:12   #2 (permalink)
Bonez tiene algunos puntos positivos de karma
 
Avatar de Bonez
 
Fecha de Ingreso: noviembre-2002
Mensajes: 2.049
Enviar un mensaje por ICQ a Bonez
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.
Bonez está desconectado   Responder Citando
Antiguo 26-ago-2007, 10:59   #3 (permalink)
DragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy pronto
 
Avatar de DragonX
 
Fecha de Ingreso: noviembre-2002
Ubicación: Funkyland
Mensajes: 7.094
Re: Transparecia PNG de fondo.

lo voy a probar...
__________________
Diseño web y maquetación

ya no tengo más blog...pero tengo muestrario
DragonX está desconectado   Responder Citando
Antiguo 27-ago-2007, 17:03   #4 (permalink)
Nono Martínez está en el buen camino
 
Fecha de Ingreso: noviembre-2004
Mensajes: 110
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

http://www.carnavaldemalaga.com
Nono Martínez está desconectado   Responder Citando
Antiguo 27-ago-2007, 17:05   #5 (permalink)
Nono Martínez está en el buen camino
 
Fecha de Ingreso: noviembre-2004
Mensajes: 110
Re: Transparecia PNG de fondo.

Seguro que esto te ayuda un poco más

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

Voilá
__________________
Saludos a todos

http://www.carnavaldemalaga.com
Nono Martínez está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 18:59.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93