Tengo esta imagen de enlace que va en el Header, y nos lleva a la pagina de inicio, sin embargo no se como hacer para que cuando se pase el mouse sobre la imagen cambie ya sea la opacidad o se ponga más oscura, como para que se sepa que es un botón o enlace, trate de hacerlo en la manera que les muestro pero no funciona.
header a img:hover {
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
<header>
<div class="container">
<a href="index.html">
<img class="center-block logo" src="https://i.imgur.com/Mnq96zk.png">
</a>
</div>
</header>
opacity:1
indica que la opacidad está al máximo, por lo tanto no hay tansparencia,opacity: 0
sería totalmente transparente y no se vería el elemento