<img />
<div>Nota con información</div>
<img />
<div>Nota con información</div>
<img />
<div>Nota con información</div>
<style>
div{opacity:0}
img:hover + div{opacity:1;}
</style>
El problema es que as notas estan encima de las imagenes que no estan hover, como se ve en la imgen, y al estar encima de una nota transparente no se ve la nota de la imagen sobre la que tenemos el raton