2 replies to this topic

[Dougkusanagi]

Pois bem, estou recriando uma página que tenho na internet e quis colocar um efeito simples que axei q ficou mto legal num mini menu feito apenas com icones, porém esse efeito se dá com uma sobreposição de imagens com um fadeIn do jQuery, para tal ocorrer fiz com que os ícones que iriam se sobrepor estivessem com a propriedade display com valor none, daí ao passar o mouse a imagem daria a impressão de ser substituída por uma colorida, o efeito foi fácil fazer , mas ao posicionar os items ocultos com position absolute eles flutuam para a esquerda pois não tem um bloco para se apoiarem, como talvez eu não tenha sido claro coloquei no jsFidle o código para ser visualisado ao vivo e a cores , abraço!

http://jsfiddle.net/RmFxA/

Edição feita por: Dougkusanagi, 15/11/2011, 14:42.

[Satoru]

na classe fade acrescente position:relative e float:left

.fade{
    display:inline;
    float:left;
    position:relative;
}

se não funcionar avisa, que tentamos outra solução.

[Dougkusanagi]

na classe fade acrescente position:relative e float:left

.fade{
    display:inline;
    float:left;
    position:relative;
}

se não funcionar avisa, que tentamos outra solução.

já tinha tentado e nada... tive q posicionar uma a uma o q não é nada bonito no código...mas não encontrei forma melhor...

Agradeço a todos!

Edição feita por: Dougkusanagi, 19/11/2011, 16:30.