Jump to content
NIKESLB

tooltip opacity

Recommended Posts

NIKESLB

Olá a todos,

bem venho tentar a minha sorte neste fórum, que ando de forum em forum a procura de uma solução em relação a uma dúvida de css.

Indo directo ao assunto:

http://testdark.netne.net/tooltip2/

Através deste link podem ver que é um teste de tooltip realizado em css e jquery. O problema é que ao passar o rato em cima do link, o tooltip fica por trás da div principal (meio). Isto não acontece no IE 9, mas sim no firefox e Chrome.

Descobri que ao remover o opacity da div #menu_ff (ver código em baixo), onde se encontra o link com tooltip, funciona perfeitamente. Mas por uma questão de design queria mantê-lo. Já tentei colocar o opacity em outros css, também tentei os z-index mas nada a fazer.

#menu_ff
{      width:150px;
background-color:#FFF;
border: 2px #78a7d2 solid;
border-top-left-radius:2em;
-moz-border-radius-topleft:2em;
opacity:0.70;
box-shadow: -3px 0px 15px #78a7d2;
-webkit-box-shadow: -3px 0px 15px #78a7d2;
-moz-box-shadow: -3px 0px 15px #78a7d2;	
font-weight: bold;
font-size: 90%;	
height:auto;
padding:0.3em;
margin-left:-1em;
}

?

Alguém sabe uma maneira de resolver isto? por favor

Share this post


Link to post
Share on other sites
NIKESLB

Bem pensado! Contornar o problema pela vez de o resolver, tentei procurar uma solução mas não tava a ver qual. Esta é mesmo a certa! Finalmente foi resolvido por algo mesmo simples, obrigadão yoda =D

Mas se houver outras soluções são bem vindas, por enquanto fico com esta ^^

edit: O problema é que o texto não fica com aquela opacidade :S

Share this post


Link to post
Share on other sites
NIKESLB

sim, mas ai é só nos menus e tem pouca opacidade 0.70 e com o hover ainda se percebe melhor. É bastante facil perceber, porque a opacidade é pouca e o fundo é branco e texto preto

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.