Opacidade no banner

Qual é minha questão:
Olá, gostaria de saber como faço para colocar uma opacidade no banner, que quando você passa o mouse em cima dele fica claro e quanto tira fica escuro.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
http://masterforum.forumfacil.net/ << Igual dessa fórum

Endereço do meu fórum:
www.arestomomentum.forumeiros.com

Versão do meu fórum:
PHPBB2

Bom o fórum e meu estarei passando o código


Adiciona ele em seu CSS

Código:

#logo{
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
#logo:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}

Não deu certo, acho que é por causa da versão, o meu é PhpBB2 e o seu é PhpBB3, D:
Mas de qualquer forma, valeu pela tentativa, Coper \o Curti teu fórum.

Olá, substitua o codigo por este

Código:

#i_logo{
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
#i_logo:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}

Cordialmente.

Se o código do mateus não der certo tente este

Código:

tbody {
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
tbody :hover{
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}

Ou este

Código:

table[width=100%] {
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
table[width=100%]:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}


Ou este

Código:

#pun-logo {
    margin-left: -13px;
    margin-top: -22px;
}

#pun-logo:hover { opacity: 0.8; }

O do Mateus funcionou certinho, obrigado aí gente, valeu mesmo.