Нет примера html кода, на сколько я понял, вот то что Вам нужно.
<a href="#" class="button">Я кнопка</a>.button{
background: url("http://lorempixel.com/200/100/nature/");
display: inline-block;
border-radius: 5px;
padding: 10px;
font-size: 24px;
font-weight: 700;
color: #fff;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.button:hover{
/*opacity: .2;*/
color: rgba(255, 255, 255, .2);
}
Можно как с помощью прозрачного цвета текста, так и с помощью opacity. Кнопку можно построить как угодно
Живой пример тут:
Codepen 
