Escurecer imagens no menu - navbar - ao passar mouse

Qual é minha questão:
Já achei um, mas ele deixa a imagem transparente, e ao passar o mouse a imagem fica opaca.

Gostaria de um código que, ao passar o mouse, a imagem fique mais escura.

É possível?

Obrigado.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://battlefieldplay4free.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá, aceda ao seu
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

cole este codigo abaixo e salve.

.mainmenu:hover {opacity: 0.08;}

Até mais.

Sem resultados, obs: É UMA IMAGEM.

Tente este CSS:

Código:

#page-header .navbar {
background-image: url('http://i.imgur.com/S8trC.png');
background-color: transparent;
background-repeat: no-repeat;
opacity: 0.8 !important;
}

Até mais.

A imagem ficou meio transparente, mas ao passar o mouse continua transparente.

Olá,

Tente o seguinte código:

Código:

a.mainmenu img {
background-color: #FF0000;
background-repeat: no-repeat;
}

Painel >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Cordialmente.

Boa tarde querido!

O senhor já ousou em ler este link abaixo?

https://ajuda.forumeiros.com/t21619-tutorial-mudar-imagem-ao-passar-o-mouse

Se não, queira checar por favor.


Passar bem!

Obrigado Bear, ajudou mt.