Foros del Web » Creando para Internet » CSS »

Problema con input y fondo png gif trasparente

Estas en el tema de Problema con input y fondo png gif trasparente en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/10/2010, 09:33
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 17 años, 4 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?
  #2 (permalink)  
Antiguo 08/10/2010, 21:01
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 17 años, 4 meses
Puntos: 0
Respuesta: Problema con input y fondo png gif trasparente

Nadie tiene idea de como hacer
  #3 (permalink)  
Antiguo 09/10/2010, 08:20
 
Fecha de Ingreso: octubre-2010
Mensajes: 10
Antigüedad: 13 años, 5 meses
Puntos: 1
Respuesta: Problema con input y fondo png gif trasparente

Tenés el sitio subido para que podamos verlo? Intenté simular tu error en otra página y no tuve el mismo problema.
  #4 (permalink)  
Antiguo 09/10/2010, 09:40
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 14 años, 4 meses
Puntos: 34
Respuesta: Problema con input y fondo png gif trasparente

Pues eso es raro, porque todo tu codigo esta bien, y IE no deberia mostrar mal el canal alfa.
.
Una duda: ¿de donde hereda tu imagen el background (por la propiedad inherit)?
  #5 (permalink)  
Antiguo 03/11/2010, 22:47
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 17 años, 4 meses
Puntos: 0
Respuesta: Problema con input y fondo png gif trasparente

Bueno aqui les dejo el ejemplo subido a la web para que vean que desde Firefox Mozilla se ve bien pero desde Ie se ve mal...

me dicen porque ?

http://problemas.netne.net/

Gracias
  #6 (permalink)  
Antiguo 04/11/2010, 21:01
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 17 años, 4 meses
Puntos: 0
Respuesta: Problema con input y fondo png gif trasparente

Alguien lo ve?
  #7 (permalink)  
Antiguo 05/11/2010, 01:21
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 21 años, 11 meses
Puntos: 1284
Respuesta: Problema con input y fondo png gif trasparente

Hola:

Lo de inherit no termino de entenderlo, pero para un fondo transparente lo adecuado sería:
background-color: transparent;

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: fondo, gif, input, png
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 04:39.