Imagen PNG con representaciones de transparencia con fondo blanco en todos los navegadores?

Question

Estoy trabajando en un sitio en este momento, y una imagen que se utiliza como fondo para un botón de envío (el botón actual es el botón HTML normal, pero se cambiará a un botón asp: cuando esté desarrollado).

Otro desarrollador señaló que este botón parece tener un fondo blanco. Pensando que la imagen no se guardó correctamente, la abrí en Fireworks y la imagen PNG tenía un fondo transparente. Exportación la imagen de nuevo, guardándola como una imagen PNG-32 y sobrescribiendo la imagen original con la nueva. La imagen todavía aparece igual.

Curiosamente, esto ocurre en Chrome, Firefox e IE 7/8, y las otras imágenes en la página tampoco tienen fondos blancos.

Además, he comprobado el CSS y no hay estilos que contengan un elemento de color de fondo blanco.

¿Alguien tiene alguna idea?

¡Muchas gracias!

Answer 1

Gracias por todas sus respuestas, ¡han sido útiles!

Debido al sitio que se está creando en ASP.NET, cambiar el botón para que sea una imagen vinculada y usar Javascript en él, entonces no es una opción.

Sin embargo, en el sitio ASP.NET desarrollado, este problema también está ocurriendo. Pero me las he arreglado para fijarlo en ASP.NET de la siguiente manera:

Al llamar el botón, que ha escrito esto para empezar:

<asp:Button ID="GoBtn" runat="server" CssClass="searchbutton" /> 

Añadiendo el parámetro "BackColor =" Transparente "elimina el fondo blanco del botón.Entonces la etiqueta ahora se lee como:

<asp:Button ID="GoBtn" runat="server" CssClass="searchbutton" BackColor="Transparent" /> 

Esto elimina el fondo blanco en ASP.NET. En una pérdida total para explicar por qué el botón tiene un fondo blanco. Aunque he leído que usar un GIF podría resolver el problema, pero no he tenido tiempo de ver si esto es cierto o no.

EDITAR (24/01/2010)

Hola a todos de nuevo!

¡He descubierto cómo solucionar este problema en el documento HTML, por puro accidente!

Lo que hay que hacer, en el CSS tiene que llamar al siguiente:

background-color: transparent; 
border: none; 

Esto elimina el fondo gris/blanco en la parte posterior del botón, y también elimina el borde del botón .

Answer 2

Es un poco raro: D

cheque this fiddle cabo .you podría tratar de establecer al fondo de introducir la URL de la imagen y simplemente ver lo que sucede (si es public..or puedes subirlo a ImageShack), entonces podemos excluir que haya un problema con esa imagen particular

Answer 3

intente agregar border: none; a su estilo de botón.

Answer 4

creo que si ya ha intentado fijar:

submit{background:none;} 

y tal. Entonces deberías intentar cambiar el envío para que sea solo un enlace con una imagen y llamarlo mediante un javascript, estoy pensando que es el tipo de botón que lo hace.

Edición (20 de enero): que espera que algunos ASP lo resolvería (que no puedo estar en pie cuando algo así como ASP tiene que interfer con el diseño de cualquier cosa). Si quiere resolver esto para su versión HTML, creo que debería proporcionar un enlace o copiarlo en un violín, porque probablemente sea fácil averiguar qué lo está causando. Apuesto a un estilo heredado que no puedes sobrescribir. Seguro que no está usando! Importante o tal en cualquier lugar en algún estilo genérico?