IE muestra borde negro alrededor de PNG cuando se desvaneció en

Aquí está mi sitio: http://smartpeopletalkfast.co.uk/ppr6/IE muestra borde negro alrededor de PNG cuando se desvaneció en

tengo PNG con transparencia fadein con jQuery. IE8 (aún no probado con otros) muestra bordes negros alrededor de los PNG mientras se desvanecen. Sé que este es un problema reconocido y he intentado algunos métodos sin suerte.

Sin embargo, me he dado cuenta de que el corazón (la última imagen para cargar) no tiene los bordes negros. ¿Por qué está bien este? Con suerte, si descubro por qué puedo usarlo para arreglar los demás.

Gracias

ACTUALIZACIÓN

que había jugado un poco con el código tanto que no había dado cuenta que sin querer había desactivado el fundido de entrada del corazón, así que por eso no hay fronteras.

Es un problema extraño este. En todos los foros que he analizado, hay soluciones que parecen funcionar para algunas personas pero no para otras.

Fuente

2011-02-11 Evans

No estoy seguro de que puedo responder a su pregunta, pero para más información sobre tema PNG transparencia de IE con el desvanecimiento de jQuery, ver : http://stackoverflow.com/questions/1156985/jquery-cycle-ie7-transparent-png-problem –

Usar un PNG-8 me ha funcionado. Su es un ligero borde blanco a la imagen que está en el archivo real, no es un problema del navegador, pero en mi caso esto se ve bien. – Evans

El uso de un PNG-8 trabajó para mí. Su es un ligero borde blanco a la imagen que está en el archivo real, no es un problema del navegador, pero en mi caso esto se ve bien.

Fuente

2011-03-19 14:02:31 Evans

agregar este atributo a la etiqueta como esta

<img src="/someimage.png" alt="yourImageDesc" style="border-style: none" />

Fuente

2011-02-18 16:05:11 Steven

¿Se supone que esto elimina el borde blanco? No funciona para mi El borde blanco está alrededor de los píxeles no transparentes, no alrededor de todo el png. Puedes verlo aquí: http://smartpeopletalkfast.co.uk/ppr6/ – Evans

En mi caso funcionó, gracias. –

Quitó el borde negro por png también :) – samneric

que he tenido establecer la opacidad de un elemento utilizando jQuery el mismo problema que en $('div').css('opactiy',0.5); yo era capaz de solucionarlo mediante el establecimiento de un fondo de color sólido para el 'div' en cuestión

simple demostración: http://jsfiddle.net/mwXs3/3/ (comparar esto en Firefox e IE8) ...

Fuente

2011-03-02 19:47:12 schellmax

¿Se mostraría el color de fondo? Gracias – Evans

http://jsfiddle.net/mwXs3/5/ desafortunadamente, el color bg establecido en div.image permanece en tu camino, pero podrías tratar de aproximar el color al fondo general. – schellmax

Sé que este hilo es muy viejo, de todos modos encontré esta publicación que funcionó muy bien para mí, elimina por completo los bordes negros de PNG en IE7, IE8.

.item img { 
    background: transparent; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ 
}

Se puede encontrar int este hilo http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome

Fuente

2012-02-08 16:17:51

Esta solución funciona tanto para imágenes como para elementos con fondos. ¡Muchas gracias! –

color de fondo puesto

background: #E1AE07; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: alpha(opacity=50); 
    -khtml-opacity: 0.50; 
    -moz-opacity: 0.50; 
    opacity: 0.50;

Fuente

2012-06-19 07:50:18

IE muestra borde negro alrededor de PNG cuando se desvaneció en

Respuesta

Cuestiones relacionadas