Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
nenhuma das 2 opções deram certo.
eu não dei 2 opções, dei apenas uma unica.
mostre como você tentou fazer, e explique o efeito que você quer.
Queria deixar o fundo que nem dessa imagem http://imageshack.us/photo/my-images/198/semttuloaug.jpg/
, veja que a janela está sem opacidade !
tenta isto:
background-color:rgba(0,0,0,0.7);
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/
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