Re: [Ovillo] png transparente en background-image (C ontinuación ...)
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-tohttp://homepage.ntlworld.com/bobosola/pnghowto.htmpage 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 img src=imagen.png alt= / 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 ...)
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 ...)
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 ...)
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 ...)
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
[Ovillo] png transparente en background-image (C ontinuación ...)
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
Re: [Ovillo] png transparente en background-image (C ontinuación ...)
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
Re: [Ovillo] png transparente en background-image (C ontinuació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 http://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 ...)
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 http://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 ...)
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: script type=text/javascript src=javascript/opacidad.js/script 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 http://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 ...)
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 img 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: script type=text/javascript src=javascript/opacidad.js/script 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 http://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 ...)
NO se si es que yo soy bruto pero sigue sin funcionarme. Mi código HTML queda
así:
html xmlns=http://www.w3.org/1999/xhtml; lang=es
head
titlePortal del Proyecto Simuladores - Inicio/title
base href=http://simpro.uci.cu/; /
link
href=http://simpro.uci.cu/templates/simpro/css/style.css; rel=stylesheet
type=text/css /
script type=text/javascript
src=http://simpro.uci.cu/templates/simpro/js/opacity.js;/script
!--[if IE]
link
href=http://simpro.uci.cu/templates/simpro/css/iebugs.css; rel=stylesheet
type=text/css /
![endif]--
/head
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 img
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:
script type=text/javascript
src=javascript/opacidad.js/script
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
Re: [Ovillo] png transparente en background-image
On 5/12/06, Reynier Perez Mira [EMAIL PROTECTED] wrote:
Podrias poner un ejemplo? Para ver como se trabaja con el e imagino que
cuando dices (propietario) es que es de Micro$oft no?
Efectivamente es un filtro creado por Microsoft para el IE. Si mal no
recuerdo lo apliqué a una capa de 4px de ancho donde necesitaba ese
efecto, como con png transparente no hubo manera le apliqué algo como
esto:
#border { filter:
progid:DXImageTransform.Microsoft.gradient(startColor=0
endColorstr=#5500, GradientType=0); }
Más info en la especificación:
http://msdn.microsoft.com/workshop/author/filter/reference/filters/gradient.asp
--
Alejandro Lillo
www.nordic-design.net
___
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
Hola:
He tratado de la forma que me dice scriptTM y como que me sigue sin funcionar.
He aqui el CSS:
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner_simpro.png',
sizingMethod='crop');
background: none;
float: left;
z-index: 1;
}
Acaso hay algo mal? El PNG es transparente ya que en FF se me ve expectacular.
Alguna idea o soy yo que meto la pata :(
Salu2
--
ReynierPM
Moderador Lista PHPCuba
https://listas.softwarelibre.cu/mailman/listinfo/php
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 stripTM
Enviado el: Wednesday, April 26, 2006 2:43 PM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] png transparente en background-image
Santiago Flores escribió:
Hola ovilleros
estuve buscando en google y la lista Ovillo y no he encontrado la
solución, si es que existe.
necesito poner un png transparente de fondo de una div pero en
iexplorer 6.0 es imposible
probé con
behavior: url(win_png.htc)
pero me funciona en las imagenes img pero no en fondos css.
Yo lo utilizo en mi web, por ejemplo:
#cabecera {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
'imagenTransparente.png', sizingMethod='crop');
background: none;
}
Puedes usar con comentarios condicionales para sacarlo del
css de verdad.
!--[if gte ie 5.5000]
link rel=stylesheet type=text/css
href=ieBugs.css / ![endif]--
--
Saludos -=stripTM=-
___
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
Yo hace no mucho, estuve batallando con ese mismo problema...
Para usarlo normalmente (el png), los dos o tres metodos que probe
necesitaban en alto/ancho definido en la imagen, si no, no funcionaba...
pero quien sabe si como fondo funcione.. yo no lo pude hacer.. =(
On 5/12/06, Reynier Perez Mira [EMAIL PROTECTED] wrote:
Hola:
He tratado de la forma que me dice scriptTM y como que me sigue sin
funcionar. He aqui el CSS:
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner_simpro.png',
sizingMethod='crop');
background: none;
float: left;
z-index: 1;
}
Acaso hay algo mal? El PNG es transparente ya que en FF se me ve
expectacular. Alguna idea o soy yo que meto la pata :(
Salu2
--
ReynierPM
Moderador Lista PHPCuba
https://listas.softwarelibre.cu/mailman/listinfo/php
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 stripTM
Enviado el: Wednesday, April 26, 2006 2:43 PM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] png transparente en background-image
Santiago Flores escribió:
Hola ovilleros
estuve buscando en google y la lista Ovillo y no he encontrado la
solución, si es que existe.
necesito poner un png transparente de fondo de una div pero en
iexplorer 6.0 es imposible
probé con
behavior: url(win_png.htc)
pero me funciona en las imagenes img pero no en fondos css.
Yo lo utilizo en mi web, por ejemplo:
#cabecera {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
'imagenTransparente.png', sizingMethod='crop');
background: none;
}
Puedes usar con comentarios condicionales para sacarlo del
css de verdad.
!--[if gte ie 5.5000]
link rel=stylesheet type=text/css
href=ieBugs.css / ![endif]--
--
Saludos -=stripTM=-
___
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
Santiago Flores escribió:
necesito poner un png transparente de fondo de una div
pero en iexplorer 6.0 es imposible
Hola,
Creía que esto era solamente problema mio, pero se ve que somos varios.
Ya que estamos con este tema,
serían tan amables de probar esto? Porque no puedo creerlo, pero
aparentemente asi funciona! :-)
Esto en el HTML:
DIV ID=oDiv
Aqui el contenido
/DIV
En el head (en este orden) :
link href=png32bits.css rel=stylesheet type=text/css /
!--[if IE]
style type=text/css
#oDiv {
background-image: none;
position: relative;
height: 55px;
width: 200px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fondotrans.png',
sizingMethod='scale');
}
/style
![endif]--
La hoja de Estilos:
#oDiv {
background-image: url(images/fondotrans.png);
background-repeat: repeat-y;
position: relative;
height: 55px;
width: 200px;
}
fondotrans.png es un PNG de 32 bits con fondo transparente.
Bueno, espero que sirva
Sds,
--
m o n ! : [EMAIL PROTECTED]
http://insomnia.m3w.com.ar/
___
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
Para usarlo normalmente (el png), los dos o tres metodos que probe necesitaban en alto/ancho definido en la imagen, si no, no funcionaba... pero quien sabe si como fondo funcione.. yo no lo pude hacer.. =( A mi me pasó lo mismo recientemente. Si definía el tamaño de la imagen funcionaba sin problemas, sinó no. La solución, como necesitaba un degradado con alpha y tenía un entorno sólo IE, usar el filtro gradient (propietario). -- Alejandro Lillo www.nordic-design.net ___ 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
Reynier Perez Mira escribió:
He probado lo que propones y nada. Mira como me quedo el código:
!--[if IE]
link href=css/iebugs.css rel=stylesheet type=text/css
media=screen /
style type=text/css
#cabeceraL {
background-image: none;
position: absolute;
height: 210px;
width: 596px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/banner_simpro.png',sizingMethod='scale');
}
/style
![endif]--
El fichero iebugs.css
#CabeceraL {
background-image: url(../images/banner_simpro.png) no-repeat;
position: absolute;
height: 210px;
width: 569px;
float: left;
z-index: 1;
}
Reyner,
A ver si de esta manera lo ves mejor:
En el head
Primero:
link href=png32bits.css rel=stylesheet type=text/css / ! o la
CSS general que uses --
Luego:
!--[if IE]
style type=text/css
@import url(png32bitsIE.css); /* puedes agregar el codigo de esta hoja
en tu hoja de bugs para IE */
/style
![endif]--
Las hojas de estilo:
png32bits.css -- tu hoja principal o main
#oDiv {
background-image: url(images/fondotrans.png);
background-repeat: repeat-y;
position: relative;
height: 55px;
width: 200px;
}
png32bitsIE.css -- o tu hoja para IE
#oDiv {
background-image: none;
position: relative;
height: 55px;
width: 200px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fondotrans.png',
sizingMethod='scale');
}
Estoy separando el problema por eso quizas no es muy completo el
ejemplo, ahora voy a probarlo en una interfaz en serio a ver qué resulta.
Sds,
--
m o n ! : [EMAIL PROTECTED]
http://insomnia.m3w.com.ar/
___
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
Podrias poner un ejemplo? Para ver como se trabaja con el e imagino que cuando dices (propietario) es que es de Micro$oft no? Salu2 -- ReynierPM Moderador Lista PHPCuba https://listas.softwarelibre.cu/mailman/listinfo/php 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 Alejandro Lillo Enviado el: Friday, May 12, 2006 3:59 PM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] png transparente en background-image Para usarlo normalmente (el png), los dos o tres metodos que probe necesitaban en alto/ancho definido en la imagen, si no, no funcionaba... pero quien sabe si como fondo funcione.. yo no lo pude hacer.. =( A mi me pasó lo mismo recientemente. Si definía el tamaño de la imagen funcionaba sin problemas, sinó no. La solución, como necesitaba un degradado con alpha y tenía un entorno sólo IE, usar el filtro gradient (propietario). -- Alejandro Lillo www.nordic-design.net ___ 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
On Wed, 26 Apr 2006 02:35:44 -0300, Santiago Flores [EMAIL PROTECTED] wrote: necesito poner un png transparente de fondo de una div pero en iexplorer 6.0 es imposible No te puedo asegurar que funcione, pero esto es lo que encontre. 24-bit PNG background image transparency: http://archivist.incutio.com/viewlist/css-discuss/52999 -- Federico MP http://511.dabomb.com.ar Using Opera 9 beta 1 ___ 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
Hola, yo encontré este javascript que, en principio, funciona el
problema de los png transparentes en explorer 5.5 o superior, no sé
si te servirá:
function correctPNG()
{
for(var i=0; idocument.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == PNG)
{
var imgID = (img.id) ? id=' + img.id + ' :
var imgClass = (img.className) ? class=' + img.className +
'
:
var imgTitle = (img.title) ? title=' + img.title + ' :
title=' + img.alt + '
var imgStyle = display:inline-block; + img.style.cssText
if (img.align == left) imgStyle = float:left; + imgStyle
if (img.align == right) imgStyle = float:right; + imgStyle
if (img.parentElement.href) imgStyle = cursor:hand; +
imgStyle
var strNewHTML = span + imgID + imgClass + imgTitle
+ style=\ + width: + img.width + px; height: +
img.height + px; + imgStyle + ;
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
+ (src=\' + img.src + \', sizingMethod='scale');\/span
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent(onload, correctPNG);
___
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
Llevo meses buscando lo mismo... por ahora creo que no se pueden hacer
transparentes las imagenes PNG usadas como backgrounds en CSS
Hace un tiempo encontré una aplicación para windows que modificaba los
PNG para hacerlos transparentes en IE. Lo malo es que perdí la
dirección entre mis favoritos y no he conseguido volver a encontrarla.
Si alguien la conoce... ;)
Jordi
On 4/26/06, Juanjo [EMAIL PROTECTED] wrote:
Hola, yo encontré este javascript que, en principio, funciona el
problema de los png transparentes en explorer 5.5 o superior, no sé
si te servirá:
function correctPNG()
{
for(var i=0; idocument.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == PNG)
{
var imgID = (img.id) ? id=' + img.id + ' :
var imgClass = (img.className) ? class=' + img.className +
'
:
var imgTitle = (img.title) ? title=' + img.title + ' :
title=' + img.alt + '
var imgStyle = display:inline-block; + img.style.cssText
if (img.align == left) imgStyle = float:left; + imgStyle
if (img.align == right) imgStyle = float:right; +
imgStyle
if (img.parentElement.href) imgStyle = cursor:hand; +
imgStyle
var strNewHTML = span + imgID + imgClass + imgTitle
+ style=\ + width: + img.width + px; height: +
img.height + px; + imgStyle + ;
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
+ (src=\' + img.src + \',
sizingMethod='scale');\/span
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent(onload, correctPNG);
___
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
Bueno estoy teniendo el mismo problema con nuestro querido amigo IE. He
seguido las instrucciones de este mensaje:
http://archivist.incutio.com/viewlist/css-discuss/52999 que como bien
dice Federico puede que no funcione. Los estilos me han quedado asi:
Para IE
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
background: none;
float: left;
z-index: 1;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../sim
pro_final/images/banner_simpro.png',sizingMethod='scale');
}
Para cualquier otro navegador
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
background: url(../../simpro_final/images/banner_simpro.png)
no-repeat left;
float: left;
z-index: 1;
}
Pero no logro hacerlo funcionar, alguien lo probo y le dio resultados?
Es que no quiero tener que meter codigo Javascript si se puede lograr en
CSS, este lo utilizaria en caso de no resolver con CSS.
Salu2
--
ReynierPM
Moderador Lista PHPCuba
https://listas.softwarelibre.cu/mailman/listinfo/php
___
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
Hazlo con PHP, al vuelo amigo...
Solo tienes que detectar que nevagdor se usa...
Si es IE, ejecutar el script, encambio cargar el png directamente...
El script lo que hace es convertir a gif la imagen JPG o GIF...
http://www.php.net/manual/es/function.imagecolortransparent.php#52080
Saludo,
DJ-Dom
El día 26/04/06, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Bueno estoy teniendo el mismo problema con nuestro querido amigo IE. He
seguido las instrucciones de este mensaje:
http://archivist.incutio.com/viewlist/css-discuss/52999 que como bien
dice Federico puede que no funcione. Los estilos me han quedado asi:
Para IE
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
background: none;
float: left;
z-index: 1;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../sim
pro_final/images/banner_simpro.png',sizingMethod='scale');
}
Para cualquier otro navegador
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
background: url(../../simpro_final/images/banner_simpro.png)
no-repeat left;
float: left;
z-index: 1;
}
Pero no logro hacerlo funcionar, alguien lo probo y le dio resultados?
Es que no quiero tener que meter codigo Javascript si se puede lograr en
CSS, este lo utilizaria en caso de no resolver con CSS.
Salu2
--
ReynierPM
Moderador Lista PHPCuba
https://listas.softwarelibre.cu/mailman/listinfo/php
___
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
GRaicas, no he probado aun, pero todos los filtrer que probé eran para
ie 5.5 pero en la 6 no funca. :(
El 26/04/06, DJ-Dom[EMAIL PROTECTED] escribió:
Hazlo con PHP, al vuelo amigo...
Solo tienes que detectar que nevagdor se usa...
Si es IE, ejecutar el script, encambio cargar el png directamente...
El script lo que hace es convertir a gif la imagen JPG o GIF...
http://www.php.net/manual/es/function.imagecolortransparent.php#52080
Saludo,
DJ-Dom
El día 26/04/06, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Bueno estoy teniendo el mismo problema con nuestro querido amigo IE. He
seguido las instrucciones de este mensaje:
http://archivist.incutio.com/viewlist/css-discuss/52999 que como bien
dice Federico puede que no funcione. Los estilos me han quedado asi:
Para IE
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
background: none;
float: left;
z-index: 1;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../sim
pro_final/images/banner_simpro.png',sizingMethod='scale');
}
Para cualquier otro navegador
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
background: url(../../simpro_final/images/banner_simpro.png)
no-repeat left;
float: left;
z-index: 1;
}
Pero no logro hacerlo funcionar, alguien lo probo y le dio resultados?
Es que no quiero tener que meter codigo Javascript si se puede lograr en
CSS, este lo utilizaria en caso de no resolver con CSS.
Salu2
--
ReynierPM
Moderador Lista PHPCuba
https://listas.softwarelibre.cu/mailman/listinfo/php
___
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
___
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
Santiago Flores escribió:
Hola ovilleros
estuve buscando en google y la lista Ovillo y no he encontrado la
solución, si es que existe.
necesito poner un png transparente de fondo de una div
pero en iexplorer 6.0 es imposible
probé con
behavior: url(win_png.htc)
pero me funciona en las imagenes img pero no en fondos css.
Yo lo utilizo en mi web, por ejemplo:
#cabecera {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenTransparente.png',
sizingMethod='crop');
background: none;
}
Puedes usar con comentarios condicionales para sacarlo del css de verdad.
!--[if gte ie 5.5000]
link rel=stylesheet type=text/css href=ieBugs.css /
![endif]--
--
Saludos -=stripTM=-
___
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
si pero esto funciona en 6.0?
a mi me desaparece el fondo directamente.
El 26/04/06, stripTM[EMAIL PROTECTED] escribió:
Santiago Flores escribió:
Hola ovilleros
estuve buscando en google y la lista Ovillo y no he encontrado la
solución, si es que existe.
necesito poner un png transparente de fondo de una div
pero en iexplorer 6.0 es imposible
probé con
behavior: url(win_png.htc)
pero me funciona en las imagenes img pero no en fondos css.
Yo lo utilizo en mi web, por ejemplo:
#cabecera {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenTransparente.png',
sizingMethod='crop');
background: none;
}
Puedes usar con comentarios condicionales para sacarlo del css de verdad.
!--[if gte ie 5.5000]
link rel=stylesheet type=text/css href=ieBugs.css /
![endif]--
___
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
Santiago Flores escribió: si pero esto funciona en 6.0? a mi me desaparece el fondo directamente. Si, puedes ver el ejemplo en http://www.striptm.com/album/v2/fijaEstilo.php?estilo=0 El logo de arriba a la izquierda, (ignora el resto de cosas feas ya que para el explorer tengo otra css diferente). Quizás el png tenga algo raro. -- Saludos -=stripTM=- ___ 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
Supongo que el PNG debe ser transparente...Por si las moscas... (Para el caso JavaScript) Saludo, DJ-Dom El día 26/04/06, stripTM [EMAIL PROTECTED] escribió: Santiago Flores escribió: si pero esto funciona en 6.0? a mi me desaparece el fondo directamente. Si, puedes ver el ejemplo en http://www.striptm.com/album/v2/fijaEstilo.php?estilo=0 El logo de arriba a la izquierda, (ignora el resto de cosas feas ya que para el explorer tengo otra css diferente). Quizás el png tenga algo raro. -- Saludos -=stripTM=- ___ 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
