¿Cuál es tu barco?
Hace algunos años una buena página web (por la que muchas empresas pagaban millones) debía tener imperiosamente un mínimo de dos versiones, (Netscape Navigator vs. Internet Explorer), para garantizar el éxito y el correcto funcionamiento de la misma en la cuasi totalidad de posibles clientes que pudieran visitarla.
Hoy en día, gracias al lenguaje CSS entre otros muchos factores, podemos afirmar que ya no hace falta duplicar todos los archivos para que el visionado de una web sea minimamente correcto en los dos motores de renderizado más famosos del mundo: Gecko y el de Internet Explorer (¿alguien sabe como se llama?).
¿Pero qué pasa cuando trabajamos con PNG's?. Pasa que Internet Explorer no es capaz de mostrar su canal de transparencia y encontramos efectos extraños con este tipo de imágenes, ¿hay solución posible minimizando el esfuerzo del programador/diseñador?. No lo sé, pero os voy a contar como trato de resolver ese tipo de situaciones:
if(stristr($_SERVER[HTTP_USER_AGENT],"Mozilla") && stristr($_SERVER[HTTP_USER_AGENT],"Gecko"))
echo "-Mozilla, Firefox, Safari o derivados-";
if(stristr($_SERVER[HTTP_USER_AGENT],"Mac_PowerPC") && stristr($_SERVER[HTTP_USER_AGENT],"MSIE"))
echo "-Internet Explorer en Power_PC-";
if(stristr($_SERVER[HTTP_USER_AGENT],"Windows") && stristr($_SERVER[HTTP_USER_AGENT],"MSIE"))
echo "-Internet Explorer en PC-";
Este script tiene múltiples utilidades. Simplemente mira en la variable $_SERVER[HTTP_USER_AGENT] si existen los textos pasados como segundo argumento a la función stristr, y según los resultados obtenidos sabe si se trata de un tipo de navegador u otro. Con estas simples líneas podríamos cambiar, por ejemplo, el directorio de carga de imágenes; teniendo preparados 2 directorios, uno con los PNG's con canal de transparencia para nuestro querido Gecko, y otro con PNG's retocados para el Internet Explorer.
Variando este script podríamos averiguar incluso si el navegador en cuestión es un Safari, un Firefox, Opera, la versión concreta del Internet Explorer... por si hay que ajustar algún CSS en concreto o cualquier otro parámetro que permita llegar al máximo número de clientes posible.
hermann@20.01.2005, 'ufff'
No está mal, pero el browser sniffing me da cosa. Para evitar esto yo uso gifs con transparencia que se ven bien en ambos navegadores y seguiré usando esta técnica hasta que el Explorer lea los png correctamente.
n1mh@20.01.2005, 'radicalidad'
yo seguiré utilizando imágenes png con transparencias y seguiré poniendo uno de esos banner pequeños y simples de "¡utilice Firefox!".
Años estuve sin poder navegar a gusto o padeciendo al nunca suficientemente vilipediado iexplorer.
saludos
neuronal@20.01.2005, 'sobre PNG en IE'
Lo cierto es que hay varias formas de chapucear de tal modo que el condenado de IE consiga visualizar decentemente una imagen PNG con transparencia y, en algunos casos, he visto que hay que hacer demasiadas movidas la verdad.
Tengo por ahí una URL que explica una manera bastante simple y rápida, sin necesidad de guarrear mucho. No tengo aquí el enlace pero es algo que lo tengo que hacer para mi web, por ejemplo. Ya lo comentaré si acaso
Saludos
IoZ@21.01.2005, 'PNG Behavior'
Yo llevo ya un tiempo usando el hack "PNG Behavior" con muy buenos resultados. Puedes ver como aplicarlo en la siguiente dirección:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
Salu2
David@22.01.2005, 'Detector'
<mode_spam_>Yo uso este script que programé hace tiempo: http://dmnet.bitacoras.com/index.php?id=67</mode_spam> :P
coder@23.01.2005, 'Hay una opción fácil para que IE 6 vea los PNG con canal Alfa incluido'
Y yo la uso así:
if (strstr ...) div con:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true src="images/imagen.png");
Esto es porque los de MS retiraron el soporte por defecto después del IE 5.5. Hasta entonces funcionaba sin hacer trapicheos. Curioso, ¿no?
Membris Khan@24.01.2005, 'Que triste'
Este tema me pone peor incluso que el pésimo soporte de CSS, con la de maravillas estéticas que se pueden hacer usando PNG.
Es triste que dependa de una empresa el avance de la web, como siempre.
Dan@04.02.2005, 'Como se hace una imagen de esas transparentes?'
Buenas, se de lo que se esta hablando ya que lo he visto en muchas webs, es como un aterm transparente en la web :) pero como se consigue hacer una imagen asi? alguien podria explicarte paso a paso con se hace con el Gimp ?
Salu2
D
