Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Giselaalib

ToolTip clicando e não mouseover

Recommended Posts

Tenho esse css

 

<style>
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
	/*background-color:#ccc;*/
    color:#F16623;
    text-decoration:none}

a.info:hover{z-index:55; 
/*background-color:#999*/

}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:10em;
    border:1px solid #FFFFFF;
    background-color:#FFF; color:#FFF;
    text-align: left

	}
</style>

<a class=info href="#">Cliente<span><img src="images/pop.png"> </span></a>

 

Qdo eu passo o mouse sobre a link..abre a imagem..porem eu quero que abra, somente se eu clicar no link..e que para fechar..eu tenha que clicar na imagem que foi aberta...

É possivel? Como fazer?

Compartilhar este post


Link para o post
Compartilhar em outros sites

não é possível chegar a este efeito com css, peça para algum moderador mover para o fórum de javascript http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.