Foros del Web » Creando para Internet » CSS »

PNG transparente no IE

Estas en el tema de PNG transparente no IE en el foro de CSS en Foros del Web. Hola, IE no soporta PNG transparentes, alguien me dice como lograr que lo soporte con CSS? Saludos...
  #1 (permalink)  
Antiguo 17/06/2005, 15:21
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
PNG transparente no IE

Hola, IE no soporta PNG transparentes, alguien me dice como lograr que lo soporte con CSS?

Saludos
__________________
www.dataautos.com
  #2 (permalink)  
Antiguo 17/06/2005, 23:56
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
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."
  #3 (permalink)  
Antiguo 18/06/2005, 14:17
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 15 años, 8 meses
Puntos: 3
Puedes hacerlo asi
<!--Usamos comentarios condicionales-->
Código HTML:
<!--[if IE]> 
<style>
img.png {
	behavior:	url("files/pngbehavior.htc");
}
</style>
<![endif]--> 
En el HTC pones

Código:
<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>
Fuente :http://webfx.eae.net/contact.html#erik

saludos
  #4 (permalink)  
Antiguo 18/06/2005, 15:58
 
Fecha de Ingreso: junio-2005
Mensajes: 6
Antigüedad: 12 años, 5 meses
Puntos: 0
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
  #5 (permalink)  
Antiguo 20/06/2005, 07:17
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:02.