Como tornar uma div em link e fazer aparecer um botão e simultaneamente alterar o gradiente da imagem em background

[Joaquim Velez]

Olá pessoal boa tarde,

 

Sou novo nesta área e estou com dificuldade em criar o seguinte efeito no css:

Tenho uma div/aside com uma imagem em background e por cima da imagem um background-color com um alpha de .95.

O que eu pretendo é o seguinte:

- pretendo tornar essa div/aside link  e em hover tornar o background-color com o apha mais próximo da unidade ou seja próximo da opacidade;

- e em simultaneo fazer aparecer um botão oculto.

Será que me podem ajudar?

[JakeBass]

tipo isto? 

http://codepen.io/tomasantunes/pen/MpXEQR

 

<div class="my-div">
   <div class="overlay">
     <button>Button</button> 
   </div>
</div>

.my-div {
  background-image: url('http://lorempixel.com/400/300/nature');
  width: 400px;
  height: 300px;
}

.overlay {
  display: none;
  background-color: rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
}

$('.my-div').hover(
function() {
  $('.overlay').show();
},
function() {
  $('.overlay').hide();
});

 

[Joaquim Velez]

É isso mesmo Jake, obrigadão!