Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-26 Por tema Ardilla Roja 
eso si es mas facil.. :)

This site is all about a JavaScript-based PNG fix for Internet
Explorer 5.5and 6 on Windows. The fix allows IE to properly render PNG
alpha
transparency. If you want to get straight to the script, go to the
how-topage and
follow the instructions there. If you have the time for a
description and demo of the problem, then read on...

http://homepage.ntlworld.com/bobosola/index.htm

On 5/25/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
>
> Bueno finalmente lo he logrado con la solución de Juan Manuel, pero claro
> solo funciona en background-image. Ahora que pasa si quiero hacer lo mismo
> pero a una imagen que este dentro de sus tags correspondientes? Por ejemplo
>
> 
>
> Salu2
> --
> ReynierPM | Kubuntu 5.10 | Linux User:#310201
> Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo
> no estoy seguro.
>
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de Martin Bavio
> > Enviado el: Thursday, May 25, 2006 6:55 PM
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo]png transparente en background-image
> > (Continuación ...)
> >
> > El día 25/05/06, DJ-Dom <[EMAIL PROTECTED]> escribió:
> > >
> > > No se porque liarse tanto, usar gif para IE y PNG para los
> > demás...y
> > > punto...
> > >
> > > Saludo,
> > > DJ-Dom
> > >
> >
> > No es tan facil, DJ-Dom, para transparencias simples puede
> > funcionar, pero para otras mas complejas, como cuando hay
> > sombras, PNG te hace pensar que el GIF deberia ser erradicado
> > de la web... ese es el problema.
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a
> > Ovillo@lists.ovillo.org Puedes modificar tus datos o
> > desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-25 Por tema Reynier Perez Mira 
Bueno finalmente lo he logrado con la solución de Juan Manuel, pero claro solo 
funciona en background-image. Ahora que pasa si quiero hacer lo mismo pero a 
una imagen que este dentro de sus tags correspondientes? Por ejemplo



Salu2
-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro. 

> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] En nombre de Martin Bavio
> Enviado el: Thursday, May 25, 2006 6:55 PM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación ...)
> 
> El día 25/05/06, DJ-Dom <[EMAIL PROTECTED]> escribió:
> >
> > No se porque liarse tanto, usar gif para IE y PNG para los 
> demás...y 
> > punto...
> >
> > Saludo,
> > DJ-Dom
> >
> 
> No es tan facil, DJ-Dom, para transparencias simples puede 
> funcionar, pero para otras mas complejas, como cuando hay 
> sombras, PNG te hace pensar que el GIF deberia ser erradicado 
> de la web... ese es el problema.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a 
> Ovillo@lists.ovillo.org Puedes modificar tus datos o 
> desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-25 Por tema Martin Bavio 
El día 25/05/06, DJ-Dom <[EMAIL PROTECTED]> escribió:
>
> No se porque liarse tanto, usar gif para IE y PNG para los demás...y
> punto...
>
> Saludo,
> DJ-Dom
>

No es tan facil, DJ-Dom, para transparencias simples puede funcionar, pero
para otras mas complejas, como cuando hay sombras, PNG te hace pensar que el
GIF deberia ser erradicado de la web... ese es el problema.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-25 Por tema DJ-Dom 
No se porque liarse tanto, usar gif para IE y PNG para los demás...y punto...

Saludo,
DJ-Dom

2006/5/25, Martin Bavio <[EMAIL PROTECTED]>:
> El día 24/05/06, Juan Manuel Martín Castillo <[EMAIL PROTECTED]>
> escribió:
> >
> > Oks, sorry. Lo hace, lo hace. Prueba este enlace:
> >
> > http://www.comunicca.net/trabajos/cartin/index.html
> >
> > Si ves el código css verás que la imagen del ratón es un background-image
> > del id "raton".
> >
> > Un saludo y espero haberte ayudado!
> >
> > ===
> > Juan Manuel Martín castillo
> > C/ Guadalete 2, 2ºD 28019 Madrid
> > Tfno: 696 93 03 13
> > www.comunicca.net
> >
> >
>
>
> Perdon por meterme, pero en la pagina que referencias no se ve para nada
> bien la imagen en IE 6, fijate para corregirlo, yo veo las transparencias en
> gris, como con todo png. Saludos.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
>


-- 
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-25 Por tema Martin Bavio 
El día 24/05/06, Juan Manuel Martín Castillo <[EMAIL PROTECTED]>
escribió:
>
> Oks, sorry. Lo hace, lo hace. Prueba este enlace:
>
> http://www.comunicca.net/trabajos/cartin/index.html
>
> Si ves el código css verás que la imagen del ratón es un background-image
> del id "raton".
>
> Un saludo y espero haberte ayudado!
>
> ===
> Juan Manuel Martín castillo
> C/ Guadalete 2, 2ºD 28019 Madrid
> Tfno: 696 93 03 13
> www.comunicca.net
>
>


Perdon por meterme, pero en la pagina que referencias no se ve para nada
bien la imagen en IE 6, fijate para corregirlo, yo veo las transparencias en
gris, como con todo png. Saludos.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-25 Por tema Marcos Vidal 
Reynier Perez Mira wrote:
> Como dice el título del mensaje el problema mio con las transparencias en IE 
> y con los formatos PNG continua. He realizado varias busquedas en Internet y 
> he probado de todo pero nada, unas veces la imagen no me sale como 
> "background" y otras, cuando se le ocurre salir, me sale pero sin 
> transparencia afeandome completamente el diseño. Aqui les dejo algunos links 
> que he revisado:
>
> [1] http://www.cuarentaydos.com/doc/png
> [2] http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
>
> ¿Alguien ha logrado llevar a cabo la tarea?
> Salu2
>   


Hola, yo trabajo bastante con pngs transparentes.
Por los navegadores normales no hay que preocuparse, aceptan la 
transparencia bastante bien. Ahora bien, a IExplore es para darle de 
comer aparte, así que lo que hago es añadir unos comentarios condiciales 
y linkar una hoja de estilos especifica para explorer, tambien puedes 
linkarla como hoja alternativa y trabajarla con JS asumiendo lo que 
supone, el caso es que lo que necesito es poder controlar con css el 
comportamiento del $%&! explorer. Bien, una vez que tengo  la hoja de 
estilos para explorer lo que hago son dos cosas:
   
   1. Eliminar la propiedad background para que no se solapen las 
imagenes (*background:none;*)

   2. Utilizar el filtro (propietario M$)AphaImageLoader:
 * 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="directorio/archivo.png",
 
sizingMethod='scale');*
  En la propiedad src debes indicarle la ruta al documento, 
teniendo en cuenta que interpreta como raiz la ubicacion del archivo 
desde donde se ejecuta. Para el redimensionamiento de la imagen se 
utiliza la propiedad sizingMethod, sus posibles valores son los siguientes:
- Scale: Adapta el tamaño de la imagen utilizada al 
tamaño del elemento que la contiene. (Si el div es más grande, la imagen 
se redimensiona hasta ajustarse al div)
- Image: Pone el tamaño de la imagen original, no la 
redimensiona, y si el div es más pequeño, desborda.
- Clip: Pone el tamaño de la imagen original, no la 
redimensiona y además, si el elemento que la contiene es más pequeño que 
la imagen, la parte sobrante no se verá. Es decir, si el elemento tiene 
un tamaño de 100x100 y la imagen que usamos es de 200x200, pues solo se 
verán 100x100 px de la imagen.


Me ha dado varios problemas a la hora utilizar como fondo propiamente 
dicho, en una ocasion no me dejaba seleccionar el texto que lo contenia. 
Dependiendo del contexto puedes optar por jugar con las propiedades de 
posicionamiento, margins, z-index etc, para poder utilizar un elemento 
vacio como fondo y posicionarlo debajo del contenido, pero eso ya es 
cuestion de posicionamiento.


Puedes ver un ejemplo en: www.hotelsearch.com/test/atzaro/

Utilizo una imagen png transparente para hacer una "máscara" en las 
fotografias que salen en la parte izqda y en algunas del contenido.

Espero que te sirva de algo...

---
Será bien recibido cualquier tipo de "feedback constructivo" sobre la 
ficha: www.hotelsearch.com/test/atzaro/ .
Gracias co-listers. Un saludo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-24 Por tema Reynier Perez Mira 
NO se si es que yo soy bruto pero sigue sin funcionarme. Mi código HTML queda 
así:
http://www.w3.org/1999/xhtml"; lang="es">

Portal del Proyecto Simuladores - Inicio
http://simpro.uci.cu/"; />
http://simpro.uci.cu/templates/simpro/css/style.css"; rel="stylesheet" 
type="text/css" />
http://simpro.uci.cu/templates/simpro/js/opacity.js";>



iebugs.css
#banner{
position: absolute;
background-image: url(../images/banner.png);
background-repeat:no-repeat;
left: 19.8%; 
top:1%;
width: 569px; 
height: 217px;
float: left; 
z-index: 1;
}

style.css
#banner{
position: absolute;
background: url(../images/banner.png) no-repeat;
left: inherit; 
top:0;
width: 569px; 
height: 217px;
float: left; 
z-index: 1;
}

Que es lo que esta mal ahora ??

Nota: No traten de acceder al dominio ya que es una Intranet y no podran
Salu2
-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro. 

> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] En nombre de Juan 
> Manuel Martín Castillo
> Enviado el: Wednesday, May 24, 2006 5:54 PM
> Para: 'Ovillo, la lista de CSS en castellano'
> Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación ...)
> 
> Oks, sorry. Lo hace, lo hace. Prueba este enlace:
> 
> http://www.comunicca.net/trabajos/cartin/index.html
> 
> Si ves el código css verás que la imagen del ratón es un 
> background-image del id "raton".
> 
> Un saludo y espero haberte ayudado!
> 
> ===
> Juan Manuel Martín castillo
> C/ Guadalete 2, 2ºD 28019 Madrid
> Tfno: 696 93 03 13
> www.comunicca.net
> 
> 
> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED]
> En nombre de Reynier Perez Mira
> Enviado el: miércoles, 24 de mayo de 2006 22:59
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación ...)
> 
> Hola Juan Manuel:
> Eso que dices debe funcionar (aun no lo pruebo) pero la 
> imagen es como background de un DIV y no como un tag  
> normal. La pregunta es: aun asi funciona ?
> 
> --
> ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas 
> infinitas: el Universo y la estupidez humana. Y del Universo 
> no estoy seguro. 
> 
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de Juan Manuel 
> > Martín Castillo Enviado el: Wednesday, May 24, 2006 4:48 PM
> > Para: 'Ovillo, la lista de CSS en castellano'
> > Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación 
> > ...)
> > 
> > Saludos a todos. Soy nuevo en el foro aunque llevo un tiempo 
> > leyéndoos.
> > Quería aportar mi granito de arena a este tema.
> > 
> > Para conseguir que IE6 interprete correctamente la transparencia de 
> > los PNGs necesitareis incluir este archivo javascript en el 
> sitio (yo 
> > lo hago en una carpeta llamada
> > "javascript"):
> > 
> > http://www.comunicca.net/opacidad.js
> > 
> > y luego incluir esta pequeña llamada en el head del documento:
> > 
> >  src="javascript/opacidad.js">
> > 
> > y así todos los pngs funcionarán correctamente. El problema de este 
> > script es que no aplicará la transparencia a la imagen hasta que se 
> > cargue completamente la web y durante unos segundos según 
> el tamaño, 
> > se verá un poco rarito, pero yo no conozco otra forma que no sea 
> > esperar a IE7. Jeje.
> > 
> > Un saludo a todos!
> > 
> > ===
> > Juan Manuel Martín Castillo
> > www.comunicca.net
> > 
> > 
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED]
> > En nombre de Reynier Perez Mira
> > Enviado el: miércoles, 24 de mayo de 2006 20:50
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación 
> > ...)
> > 
> > Hola:
> > Ya tengo el fichero JS pero no veo claramente como usarlo. 
> Me podrías 
> > dar un tips ?
> > 
> > --
> > ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas
> > infinitas: el Universo y la estupidez humana. Y del 
> Universo no estoy 
> > seguro.
> > 
> > > -Mensaje original-
> > > De: [EMAIL PROTECTED]
> > > [mailto:[EMAIL PROTECTED] En nombre de 
> kemie guaida 
> > > Enviado el: Wednesday, May 24, 2006 12:41 PM
> > > Para: Ovillo, la lista de CSS en castellano
> > > Asunto: Re: [Ovillo] png transparente en background-image 
> > > (Continuación ...)
> > > 
> > > yo lo logre gracias a un script de sergi de domestika, que
> > combina el
> > > fix para transparencia de las imagenes y los backgrounds.
> > > 
> > > script:  http://monolinea.com/clients/isopixel/html/js/opac.js
> > > muestra: http://monolinea.com/clients/isopixel/html/layout.htm
> > > 
> > >

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-24 Por tema Juan Manuel Martín Castillo 
Oks, sorry. Lo hace, lo hace. Prueba este enlace:

http://www.comunicca.net/trabajos/cartin/index.html

Si ves el código css verás que la imagen del ratón es un background-image
del id "raton".

Un saludo y espero haberte ayudado!

===
Juan Manuel Martín castillo
C/ Guadalete 2, 2ºD 28019 Madrid
Tfno: 696 93 03 13
www.comunicca.net


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 24 de mayo de 2006 22:59
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo]png transparente en background-image (Continuación ...)

Hola Juan Manuel:
Eso que dices debe funcionar (aun no lo pruebo) pero la imagen es como
background de un DIV y no como un tag  normal. La pregunta es: aun asi
funciona ?

-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo
no estoy seguro. 

> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] En nombre de Juan 
> Manuel Martín Castillo
> Enviado el: Wednesday, May 24, 2006 4:48 PM
> Para: 'Ovillo, la lista de CSS en castellano'
> Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación ...)
> 
> Saludos a todos. Soy nuevo en el foro aunque llevo un tiempo 
> leyéndoos.
> Quería aportar mi granito de arena a este tema.
> 
> Para conseguir que IE6 interprete correctamente la 
> transparencia de los PNGs necesitareis incluir este archivo 
> javascript en el sitio (yo lo hago en una carpeta llamada 
> "javascript"):
> 
> http://www.comunicca.net/opacidad.js
> 
> y luego incluir esta pequeña llamada en el head del documento:
> 
> 
> 
> y así todos los pngs funcionarán correctamente. El problema 
> de este script es que no aplicará la transparencia a la 
> imagen hasta que se cargue completamente la web y durante 
> unos segundos según el tamaño, se verá un poco rarito, pero 
> yo no conozco otra forma que no sea esperar a IE7. Jeje.
> 
> Un saludo a todos!
> 
> ===
> Juan Manuel Martín Castillo
> www.comunicca.net
> 
> 
> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED]
> En nombre de Reynier Perez Mira
> Enviado el: miércoles, 24 de mayo de 2006 20:50
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación ...)
> 
> Hola:
> Ya tengo el fichero JS pero no veo claramente como usarlo. Me 
> podrías dar un tips ?
> 
> --
> ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas 
> infinitas: el Universo y la estupidez humana. Y del Universo 
> no estoy seguro. 
> 
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de kemie guaida 
> > Enviado el: Wednesday, May 24, 2006 12:41 PM
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] png transparente en background-image 
> > (Continuación ...)
> > 
> > yo lo logre gracias a un script de sergi de domestika, que 
> combina el 
> > fix para transparencia de las imagenes y los backgrounds.
> > 
> > script:  http://monolinea.com/clients/isopixel/html/js/opac.js
> > muestra: http://monolinea.com/clients/isopixel/html/layout.htm
> > 
> > pero parece que tanta transparencia hace la pagina lenta para 
> > mostrarse...
> > 
> > saludos
> > 
> > kemie
> > 
> > 
> > ...:| kemie |:...
> > .:| www.monolinea.com  |:.
> > 
> > 
> > >   
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org 
> > Puedes modificar tus datos o desuscribirte en la siguiente 
> dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> > 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a 
> Ovillo@lists.ovillo.org Puedes modificar tus datos o 
> desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
> 
> 
> 
> __ Información de NOD32, revisión 1.1555 (20060524) __
> 
> Este mensaje ha sido analizado con  NOD32 antivirus system 
> http://www.nod32.com
> 
> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a 
> Ovillo@lists.ovillo.org Puedes modificar tus datos o 
> desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo



__ Información de NOD32, revisión 1.1555 (20060524) __

Este mensaje ha sido analizado con  NOD32 antivirus system
http://www.nod32.com


___
Lista de distribución Ovillo
Para escribi

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-24 Por tema Reynier Perez Mira 
Hola Juan Manuel:
Eso que dices debe funcionar (aun no lo pruebo) pero la imagen es como 
background de un DIV y no como un tag  normal. La pregunta es: aun asi 
funciona ?

-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro. 

> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] En nombre de Juan 
> Manuel Martín Castillo
> Enviado el: Wednesday, May 24, 2006 4:48 PM
> Para: 'Ovillo, la lista de CSS en castellano'
> Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación ...)
> 
> Saludos a todos. Soy nuevo en el foro aunque llevo un tiempo 
> leyéndoos.
> Quería aportar mi granito de arena a este tema.
> 
> Para conseguir que IE6 interprete correctamente la 
> transparencia de los PNGs necesitareis incluir este archivo 
> javascript en el sitio (yo lo hago en una carpeta llamada 
> "javascript"):
> 
> http://www.comunicca.net/opacidad.js
> 
> y luego incluir esta pequeña llamada en el head del documento:
> 
> 
> 
> y así todos los pngs funcionarán correctamente. El problema 
> de este script es que no aplicará la transparencia a la 
> imagen hasta que se cargue completamente la web y durante 
> unos segundos según el tamaño, se verá un poco rarito, pero 
> yo no conozco otra forma que no sea esperar a IE7. Jeje.
> 
> Un saludo a todos!
> 
> ===
> Juan Manuel Martín Castillo
> www.comunicca.net
> 
> 
> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED]
> En nombre de Reynier Perez Mira
> Enviado el: miércoles, 24 de mayo de 2006 20:50
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo]png transparente en background-image 
> (Continuación ...)
> 
> Hola:
> Ya tengo el fichero JS pero no veo claramente como usarlo. Me 
> podrías dar un tips ?
> 
> --
> ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas 
> infinitas: el Universo y la estupidez humana. Y del Universo 
> no estoy seguro. 
> 
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de kemie guaida 
> > Enviado el: Wednesday, May 24, 2006 12:41 PM
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] png transparente en background-image 
> > (Continuación ...)
> > 
> > yo lo logre gracias a un script de sergi de domestika, que 
> combina el 
> > fix para transparencia de las imagenes y los backgrounds.
> > 
> > script:  http://monolinea.com/clients/isopixel/html/js/opac.js
> > muestra: http://monolinea.com/clients/isopixel/html/layout.htm
> > 
> > pero parece que tanta transparencia hace la pagina lenta para 
> > mostrarse...
> > 
> > saludos
> > 
> > kemie
> > 
> > 
> > ...:| kemie |:...
> > .:| www.monolinea.com  |:.
> > 
> > 
> > >   
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org 
> > Puedes modificar tus datos o desuscribirte en la siguiente 
> dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> > 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a 
> Ovillo@lists.ovillo.org Puedes modificar tus datos o 
> desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
> 
> 
> 
> __ Información de NOD32, revisión 1.1555 (20060524) __
> 
> Este mensaje ha sido analizado con  NOD32 antivirus system 
> http://www.nod32.com
> 
> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a 
> Ovillo@lists.ovillo.org Puedes modificar tus datos o 
> desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-24 Por tema Juan Manuel Martín Castillo 
Saludos a todos. Soy nuevo en el foro aunque llevo un tiempo leyéndoos.
Quería aportar mi granito de arena a este tema.

Para conseguir que IE6 interprete correctamente la transparencia de los PNGs
necesitareis incluir este archivo javascript en el sitio (yo lo hago en una
carpeta llamada "javascript"):

http://www.comunicca.net/opacidad.js

y luego incluir esta pequeña llamada en el head del documento:



y así todos los pngs funcionarán correctamente. El problema de este script
es que no aplicará la transparencia a la imagen hasta que se cargue
completamente la web y durante unos segundos según el tamaño, se verá un
poco rarito, pero yo no conozco otra forma que no sea esperar a IE7. Jeje.

Un saludo a todos!

===
Juan Manuel Martín Castillo
www.comunicca.net


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 24 de mayo de 2006 20:50
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo]png transparente en background-image (Continuación ...)

Hola:
Ya tengo el fichero JS pero no veo claramente como usarlo. Me podrías dar un
tips ?

-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo
no estoy seguro. 

> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] En nombre de kemie guaida
> Enviado el: Wednesday, May 24, 2006 12:41 PM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] png transparente en background-image 
> (Continuación ...)
> 
> yo lo logre gracias a un script de sergi de domestika, que 
> combina el fix para transparencia de las imagenes y los backgrounds.
> 
> script:  http://monolinea.com/clients/isopixel/html/js/opac.js
> muestra: http://monolinea.com/clients/isopixel/html/layout.htm
> 
> pero parece que tanta transparencia hace la pagina lenta para 
> mostrarse...
> 
> saludos
> 
> kemie
> 
> 
> ...:| kemie |:...
> .:| www.monolinea.com  |:.
> 
> 
> >   
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a 
> Ovillo@lists.ovillo.org Puedes modificar tus datos o 
> desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo



__ Información de NOD32, revisión 1.1555 (20060524) __

Este mensaje ha sido analizado con  NOD32 antivirus system
http://www.nod32.com


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-24 Por tema Reynier Perez Mira 
Hola:
Ya tengo el fichero JS pero no veo claramente como usarlo. Me podrías dar un 
tips ?

-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro. 

> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] En nombre de kemie guaida
> Enviado el: Wednesday, May 24, 2006 12:41 PM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] png transparente en background-image 
> (Continuación ...)
> 
> yo lo logre gracias a un script de sergi de domestika, que 
> combina el fix para transparencia de las imagenes y los backgrounds.
> 
> script:  http://monolinea.com/clients/isopixel/html/js/opac.js
> muestra: http://monolinea.com/clients/isopixel/html/layout.htm
> 
> pero parece que tanta transparencia hace la pagina lenta para 
> mostrarse...
> 
> saludos
> 
> kemie
> 
> 
> ...:| kemie |:...
> .:| www.monolinea.com  |:.
> 
> 
> >   
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a 
> Ovillo@lists.ovillo.org Puedes modificar tus datos o 
> desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-24 Por tema kemie guaida 
yo lo logre gracias a un script de sergi de domestika, que combina el 
fix para transparencia de las imagenes y los backgrounds.

script:  http://monolinea.com/clients/isopixel/html/js/opac.js
muestra: http://monolinea.com/clients/isopixel/html/layout.htm

pero parece que tanta transparencia hace la pagina lenta para mostrarse...

saludos

kemie


...:| kemie |:...
.:| www.monolinea.com  |:.


>   
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-24 Por tema Santiago Flores 
Pues hace dos meses busco una solución y nada.



El 24/05/06, Reynier Perez Mira<[EMAIL PROTECTED]> escribió:
> Como dice el título del mensaje el problema mio con las transparencias en IE 
> y con los formatos PNG continua. He realizado varias busquedas en Internet y 
> he probado de todo pero nada, unas veces la imagen no me sale como 
> "background" y otras, cuando se le ocurre salir, me sale pero sin 
> transparencia afeandome completamente el diseño. Aqui les dejo algunos links 
> que he revisado:
>
> [1] http://www.cuarentaydos.com/doc/png
> [2] http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
>
> ¿Alguien ha logrado llevar a cabo la tarea?
> Salu2
> --
> ReynierPM | Kubuntu 5.10 | Linux User:#310201
> Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
> estoy seguro.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

[Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-24 Por tema Reynier Perez Mira 
Como dice el título del mensaje el problema mio con las transparencias en IE y 
con los formatos PNG continua. He realizado varias busquedas en Internet y he 
probado de todo pero nada, unas veces la imagen no me sale como "background" y 
otras, cuando se le ocurre salir, me sale pero sin transparencia afeandome 
completamente el diseño. Aqui les dejo algunos links que he revisado:

[1] http://www.cuarentaydos.com/doc/png
[2] http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

¿Alguien ha logrado llevar a cabo la tarea?
Salu2
-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo