Body com opacidade

[rafaeldorazio 2]

O meu código está deixando a modal dialog com opacidade.

O meu objetivo é deixar toda a página com opacidade memos a parte da modal dialog.

O que está errado no meu código ?

 

 

		body, html {
		background-color:#000;
		filter:opacity(alpha=70); /* para o IE */
		-moz-opacity:0.70; /* para o FireFox */
		opacity:0.7; /* para o outros Navegadores */
		-webkit-opacity:0.7;
	}

 

E a modal é carregada dentro do BODY.

 

http://imageshack.us/f/546/imgcj.jpg/

[William Bruno 1501]

não tem 'nada errado', o efeito é esse mesmo.

 

aplicando no body e no html, todos os filhos deles herdarão(por cascata) essa opacidade.

 

no teu caso, é melhor fazer assim:

body * {}

e então no teu modal, você zera a declaração de opacidade

[rafaeldorazio 2]

nenhuma das 2 opções deram certo.

[William Bruno 1501]

eu não dei 2 opções, dei apenas uma unica.

 

mostre como você tentou fazer, e explique o efeito que você quer.

[rafaeldorazio 2]

Queria deixar o fundo que nem dessa imagem http://imageshack.us/photo/my-images/198/semttuloaug.jpg/

, veja que a janela está sem opacidade !

[NIKESLB 0]

tenta isto:

 

background-color:rgba(0,0,0,0.7);

[William Bruno 1501]

não não amigo..

 

você está fazendo errado.

 

nesse caso, estude sobre janela modal. Não é 'o fundo que está sem opacidade', e sim uma layer que sobrepõe o conteudo.

http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/