babaloricha Postado Dezembro 12, 2007 Denunciar Share Postado Dezembro 12, 2007 Ola galera eu estounquerendo fazer uma div que cubra a tela toda e que seja traspanrente!estou usando o seguinte codigo!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> #cortina{ -moz-opacity: 0.50; position:absolute; background-color:#000000; width:100px; height:100px; } </style> <script language="javascript"> function core(cortina){ cortina.style.width = screen.width + "px"; cortina.style.heigth = screen.height + "px"; alert(cortina.style.width); alert(cortina.style.heigth); } </script> </head> <body onload="core(document.getElementById('cortina'));" bgcolor="#66CC66"> <div id="cortina"></div> </body> </html>a largura da div beleza mas a altura! obs: so funciona a trasparencia no ffbom vou mudar a pergunta e possivel alterar o a altura . já tentei de todo o jeitodiv.style.height = screen.height+"px";div.style.bottom = screen.height+"px";sou ubrigado a apelar para criar um monte de <p> e <br>? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 fercosmig Postado Dezembro 12, 2007 Denunciar Share Postado Dezembro 12, 2007 screen.height deveria funcionar,coloca um alert e posta o resultado nos 2 browsers<script language="JavaScript" type="text/javascript"> <!-- alert(screen.height + "px") //--> </script>http://www.w3schools.com/htmldom/dom_obj_screen.asphttp://www.w3schools.com/htmldom/prop_screen_height.asp Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 KaKarotto Postado Dezembro 12, 2007 Denunciar Share Postado Dezembro 12, 2007 Não funciona no iE porque você só colocou o filtro com o código para o FF.Tem que acrescentar lá o filtro pro iE : filter:alpha(opacity=50);O height não está funcionando porque digitou ele errado:Errado: cortina.style.heigth Certo: cortina.style.heightEu também vivo digitando errado esse maldito height. Veja que no seu código você digita duas vezes errado o atributo HEIGHT. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 babaloricha Postado Dezembro 13, 2007 Autor Denunciar Share Postado Dezembro 13, 2007 (editado) pois e , mas então esse teste que nosso amigo da segunda divisao :P falou( sen ofensas , não consigo ver um emblema do corintians sem lembrar desse fato). o do alert funciona ele mostra o tamamnho da tela mas porem ma divi na fica do tamnho da altura da tela!eu ate ententei configurar top e botton , mas aiescrevi o HEIGHT errado vou tentar novamente obrigado pela atenção! Editado Dezembro 13, 2007 por babaloricha Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 flavio Postado Dezembro 15, 2007 Denunciar Share Postado Dezembro 15, 2007 Se ainda não der certo ( apesar de achar que vai funcionar ), tenta assim: alert(cortina.clientHeight); Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 babaloricha Postado Dezembro 17, 2007 Autor Denunciar Share Postado Dezembro 17, 2007 consegui galera o erro era o seguinte eu não tinha definido o position absolute!que vacilo :P mas obrigado! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 KaKarotto Postado Dezembro 18, 2007 Denunciar Share Postado Dezembro 18, 2007 Hum....o engraçado é que no seu primeiro post está lá o position absolute definido.Copiei o código que fez e colei aqui em casa, e funcionou, tanto no Firefox como no IE quando eu coloquei o atributo height escrito corretamente. E até hj, seu primeiro post não está editado.Eu sei que você conseguiu resolver o seu problema "sozinho" babaloricha, mas um aviso para alguém que queira fazer o mesmo efeito ou similar e está vendo o post agora, desconsidere o post acima deste e digite corretamente o atributo height. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
babaloricha
Ola galera eu estounquerendo fazer uma div que cubra a tela toda e que seja traspanrente!
estou usando o seguinte codigo!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> #cortina{ -moz-opacity: 0.50; position:absolute; background-color:#000000; width:100px; height:100px; } </style> <script language="javascript"> function core(cortina){ cortina.style.width = screen.width + "px"; cortina.style.heigth = screen.height + "px"; alert(cortina.style.width); alert(cortina.style.heigth); } </script> </head> <body onload="core(document.getElementById('cortina'));" bgcolor="#66CC66"> <div id="cortina"></div> </body> </html>a largura da div beleza mas a altura! obs: so funciona a trasparencia no ff
bom vou mudar a pergunta e possivel alterar o a altura . já tentei de todo o jeito
div.style.height = screen.height+"px";
div.style.bottom = screen.height+"px";
sou ubrigado a apelar para criar um monte de <p> e <br>?
Link para o comentário
Compartilhar em outros sites
6 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.