Hola, IE no soporta PNG transparentes, alguien me dice como lograr que lo soporte con CSS?
Saludos
| ||||
PNG transparente no IE Hola, IE no soporta PNG transparentes, alguien me dice como lograr que lo soporte con CSS? Saludos
__________________ www.dataautos.com |
| ||||
No se puede. Al menos no con CSS. Existe una manera de lograrlo utilizando extensiones propietarias de Microsoft. Estoy seguro que eso ya ha sido contestado aquí. Busca en el foro.
__________________ Mi pequeño espacio en la web: VisiónE "El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez." |
| ||||
Puedes hacerlo asi <!--Usamos comentarios condicionales--> Código HTML: <!--[if IE]> <style> img.png { behavior: url("files/pngbehavior.htc"); } </style> <![endif]-->
Código:
Fuente :http://webfx.eae.net/contact.html#erik<public:component lightWeight="true"> <public:attach event="onpropertychange" onevent="propertyChanged()" /> <public:attach event="onbeforeprint" onevent="beforePrint()" for="window"/> <public:attach event="onafterprint" onevent="afterPrint()" for="window"/> <script> /* * PNG Behavior * * This script was created by Erik Arvidsson (http://webfx.eae.net/contact.html#erik) * for WebFX (http://webfx.eae.net) * Copyright 2002-2004 * * For usage see license at http://webfx.eae.net/license.html * * Version: 1.02 * Created: 2001-??-?? First working version * Updated: 2002-03-28 Fixed issue when starting with a non png image and * switching between non png images * 2003-01-06 Fixed RegExp to correctly work with IE 5.0x * 2004-05-09 When printing revert to original * */ var supported = /MSIE ((5\.5)|[6789])/.test(navigator.userAgent) && navigator.platform == "Win32"; var realSrc; var blankSrc = "files/blank.gif"; var isPrinting = false; if (supported) fixImage(); function propertyChanged() { if (!supported || isPrinting) return; var pName = event.propertyName; if (pName != "src") return; // if not set to blank if (!new RegExp(blankSrc).test(src)) fixImage(); }; function fixImage() { // get src var src = element.src; // check for real change if (src == realSrc && /\.png$/i.test(src)) { element.src = blankSrc; return; } if ( ! new RegExp(blankSrc).test(src)) { // backup old src realSrc = src; } // test for png if (/\.png$/i.test(realSrc)) { // set blank image element.src = blankSrc; // set filter element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." + "AlphaImageLoader(src='" + src + "',sizingMethod='scale')"; } else { // remove filter element.runtimeStyle.filter = ""; } } function beforePrint() { isPrinting = true; element.src = realSrc; element.runtimeStyle.filter = ""; realSrc = null; } function afterPrint() { isPrinting = false; fixImage(); } </script> </public:component> saludos |
| |||
Hola CORE Ahora que veo que lo mencionas, quisiera que me dieras tu opinión acerca de los comentarios condicionales, comparados con el método alterno de de introducir el siguiente código dentro del CSS: img { behavior: url("URI_del_behavior"); } Desde ya sabemos que eso arruina nuestra validación de CSS, al no estar behavior reconocida por W3C, lo cual nos lleva a una disyuntiva con sus pros y contras cada una: ponerlo en el markup (o lenguaje dinámico preferido) o ponerlo dentro de algún archivo de extensión css. 1. En el markup Pro: Pasa como comentario para todo otro navegador que no sea el IE, permitiendo una validación limpia tanto del markup como del CSS. Contra: En IE, (lamentablemente) el navegador más popular con aplastante mayoría, estás introduciendo estilo dentro del markup, lo cual te priva de que el navegador lo capture en el caché, perdiendo entonces uno de los mayores beneficios del CSS. 2. En el archivo de estilo Pro: es cargado en el caché por IE e ignorado por los demás. Sin embargo, 'los demás' lo verán como código mal escrito, ralentizando en algo el despliegue. Contra: Al no ser código permitido W3C los archivos CSS no validan. ¿Qué opinan? Bueno, no sólo CORE, sino todo aquel que lea el mensaje. Saludos, Carlos |
| ||||
Gracias por los detalles, en la pagina de microsoft hace referencia a el filtro que esta en ese codigo, veré que hago aunque creo que es una mariconada de Microsoft no permitir esto, ya que no veo en que pueda afectar un PNG al Ie... joder. Saludos
__________________ www.dataautos.com |