<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
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
<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>应该可以 试下吧
position: absolute;
height: 100%;
width: 100%;
} 没必要的
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>