Mascara com CSS

[djeco 0]

Dae galera... to fazendo um menu e nele tem imagens como link...

 

a estrutura eh a seguinte:

 

<ul>	<li>		<a href="#" title="#">			<img src="imagens/novidades.jpg" alt="" /> Novidades			<span>Descrição do link de Novidades</span>		</a>	</li>						<li>		<a href="#" title="#">			<img src="imagens/novidades.jpg" alt="" /> Novidades			<span>Descrição do link de Novidades</span>		</a>	</li></ul>

O que eu to querendo fazer eh q o menu ficasse "apagado" como se tivesse uma imagem com alpha por cima do novidades.jpg e no hover do link a imagem "acendesse", tirando a imagem com alpha de cima...

 

tem como fazer isso usando css? ou fazer de alguma outra forma?

 

valeu!

[void 1]

tem no :hover do link

 

você coloca a imagem no background

e n o hover troca!!!

 

 

http://superfluousbanter.org/archives/2004...igation-matrix/

http://www.nundroo.com/nav_matrix/welcome.html

[djeco 0]

a ideia não era usar duas imagens... usar soh uma porque fica mais facil pra quem vai atualizar os dados do menu...e como essa imagem vem do banco de dados nao tenho como coloca-la como background.tem como fazer soh com uma?

[Guilherme Rambo 4]

Achoq o ideal nau eh usar img no menu, poe as imagens no css

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/natal_noel.gif

[djeco 0]

pois eh... eu também não gosto da ideia de deixar a imagem no html... mas como a imagem vem do banco de dados não tem como eu puxar o caminho da imagem pro css.A não sei que eu deixe a tah style dentro do head e criar um id pra cada item do menu.. mas não sei se essa seria a melhor solução... o que acham?

[void 1]

primeiro: você pode gerar a css dinamicamente e setar essas imagens!!segundo: c você leu os links q te passe la você vai perceber q naum são duas imagens mas sim uma e você troca a posição dela!!agora no fundo sei qual é o seu problema e vou lhe falar que c oq falamos naum serve acho dificil você resolver de ouyra forma!!the void