dificuldade na nav menu com hover ?

[MarceloZ 2]

Carissimos

 

Eu tenho um menu nav

<nav>

<a class="action" href="empresa.html">A Empresa</a>

<a href="servicos.html">Serviços</a>

<a href="galeria.html">Galeria</a>

<a href="contato.html">Contato</a>

</nav>

eu preciso colocar uma hover que é uma imagem que tem width: 136px;height:106px;

só que aplicar o hover a imagem fica somente no espaço do texto

mesmo definindo uma class:action não consigo fazer funcionar o hover

vou trocar para ul li

[stromdh 15]

a:hover::after {

background-image: url(tua image,);

}

[MarceloZ 2]

nada consta

[stromdh 15]

aplica esse css pra testar e se der certo adapta:

a {
    display: block;
    text-decoration: none;
    width: 55%;
    margin: 0 auto 20px;

}



a:hover {
    background-image: url('https://cdn4.iconfinder.com/data/icons/BRILLIANT/musical_instruments/png/400/archtop_guitar.png');
    background-repeat: no-repeat;	
    width: 100%;
    height: 200px;
}