Problema de selección de imagen PNG en CSS

  • Autor Autor oTommy052
  • Fecha de inicio Fecha de inicio
O

oTommy052

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola a todos,

Tengo un problema para seleccionar una imagen .png, que en teoría es cuadrada, pero el navegador es como si detectase la transparencia, y no selecciona bien la imagen cuando se hace el :hover. En algunas partes sí detecta el enlace, en otras no... ¿a alguien le ha pasado esto alguna vez?

Dejo el código HTML y CSS:

Insertar CODE, HTML o PHP:
<a href="#page" class="top"><div id="top-arrow"></div></a>

Insertar CODE, HTML o PHP:
#top-arrow{
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	float: left;
	background: url('http://localhost/kiwibit/wp-content/uploads/2012/12/arriba.gif') no-repeat;
	-webkit-transition: background .2s ease-in;
	-moz-transition: background .2s ease-in;
	transition: background .2s ease-in;
}
#top-arrow:hover{
	background: #666 url('http://localhost/kiwibit/wp-content/uploads/2012/12/arriba.gif') no-repeat;
}

Lo que quiero es que se coloree el fondo cuando pasa el cursor por encima, pero todo el área de la flecha (50x50) sea seleccionable. (Que, por cierto, IE (10) hace esto por defecto, y es el único.)

- - - Actualizado - - -

Ya está solucionado. Resulta que el problema era otra etiqueta div, que se superponía en algunas partes de la imagen. Podéis cerrar el hilo.
 
Última edición:
Atrás
Arriba