Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/10/2010, 09:33
bien_macho
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 17 años, 5 meses
Puntos: 0
Problema con input y fondo png gif trasparente

Hola

Bueno, estoy teniendo un problema creo que yo un tanto pavo…

Tengo un boton input el cual uso para eliminar contenido de una lista extraída de mysql con php… pero eso no importa, lo que importa es el css que uso en el unput

El tema que al input le pongo una imagen de una crucecita con el fondo transparente ya que tiene un fondo que cambia de color al pasar el mouse, así que si o si necesito que el fondo sea transparente. Yo le puse una imagen en gif pero con png hace el mismo trabajo


Asi se ve en el navegador Mozilla.


Se ve un lujo pero en Ie se asi

Ie


mal… y estoy usando el ie8 (ni me fije como se ve en el 6 pero imagino que igual o peor...) asique mientras valla con el 8 o 9 todo bien

el css que uso es el siguiente..

.boton{
width:14px;
height:19px;
background:inherit;
background-image:url(img/admin/action_delete.gif);
background-repeat:no-repeat;
border:0;
cursor:pointer;
}

Y el imput
<input class="boton" id="boton" name="boton" type="button" value=" " >

Como demonios puedo solucionar esto?