estoy haciendo que una imagen al pasar por encima el raton (hover) se cambie a otra con background-image y se me muestra un recuadro negro imposible de quitar (no propio de la imagen , ni del div ) .
¿Ideas para o bien hacerlo de otra manera o eliminar el recuadro negro ? ¡Gracias!
#imagen{
height: 450px;
width: 450px;
background-image: url('https://image.freepik.com/vector-gratis/fondo-lista-comprobacion-dibujada-mano_23-2148070711.jpg');
}
#imagen:hover {
background-image: url('https://image.freepik.com/vector-gratis/fondo-grupo-confirmando-lista-comprobacion-gigante_23-2148084372.jpg');
height: 450px;
width: 450px;
}
<html>
<body>
<div>
<img id="imagen">
</div>
</body>
<html>