Form Modal

[diego.djss 0]

$(document).ready(function(){

$('.janelaModal, .fundoModal').hide();

e = document.getElementsByTagName('#cadastrar');

//alert(e);

$('#cadastrar').click(function(v){

v.preventDefault();

$('.fundoModal').fadeTo(0, 0.3);

$('.janelaModal').fadeIn();

$('.login').hide();

});

$('.fundoModal').click(function(v){

v.preventDefault();

$('.janelaModal, .fundoModal').fadeOut();

$('.login').fadeIn();

});

});

Meu problema é que o fundo que tem uma cor cinza está ficando por cima da div que está abaixo, sem aquele efeito transparente. Alguém pode me ajudar com isso?

[Rafael Impacto 15]

mostra como estão as divs no html

[diego.djss 0]

<div class="login"></div>

<div class="fundoModal"></div>

<div class="janelaModal">

 

</div>

 

A estrutura está assim.

[Rafael Impacto 15]

A fundo modal e a janela modal precisam estar no primeiro nivel dentro do body para pegar a tela toda

 

Abraço

[diego.djss 0]

Eu usei o z-index para fazer essa tratamento, o problema é mesmo a transparência da DIV fundoModal.

Resolvido, nesta linha aqui $('.fundoModal').fadeTo(0, 0.3); os parametros passados é o tempo e a opacidade, na minha cara e deixei passar. Isso acontece quanto copia do tutorial. FICA A DICA.