如何让一个DIV在页面全屏显示

<script>
function changePosition(){
var myDiv=document.getElementById("myDiv");
myDiv.style.top=document.body.scrollTop;
}
window.onscroll=changePosition;</script><div id="myDiv" style="position:absolute; top:0; left:0;width:100%;height:100%;display:none;background-color:silver;">123</div>测试 兼容ie6 opera 和firefox

解决方案 »

  1.   


    <html>
    <head></head>
    <script>
    function showDiv()
    {
        var obj = document.getElementById("myDiv");
        obj.style.display='';
    }
    </script>
    <style type="text/css">
    <!--
    #d {
    position: absolute;
    height: 100%;
    width: 100%;
    }
    body {
    margin: 0px;
    padding: 0px;
    position:relative;
    }
    -->
    </style><body >
    <input type="button" onclick="showDiv()" value="显示DIV" style="position:absolute;left:5px;top:5px" />
    <div id="myDiv" style="position: absolute;width:100%;height:100%;display:none;background-color:silver;left:0px;top:0px">123</div>
    </body>
    </html>应该可以 试下吧
      

  2.   

    #d { 
    position: absolute; 
    height: 100%; 
    width: 100%; 
    }  没必要的 
      

  3.   

    http://country.lvyou168.cn/flashwariii/download.htm
      

  4.   

    <script> 
    function changePosition(){ 
    var myDiv=document.getElementById("myDiv"); 
    myDiv.style.top=document.body.scrollTop; 
    } 
    window.onscroll=changePosition; </script> <div id="myDiv" style="position:absolute; top:0; left:0;width:100%;height:100%;display:none;background-color:silver;">123 </div>