如何修复div元素?

时间:2015-01-29 14:57:08

标签: html css internet-explorer-8

我需要修复<div> with id=prompt1并修复所有其他元素。因此,每当我滚动窗口时,我仍然可以看到<div>。在我html我不行。 (的 IE8

<html>
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script> 
<script>
$(function() {
for (i=0; i<30; i++) {
$("#test").append("<TABLE border='solid'>" + 
   "<TR>" + 
      "<TD>Data 1</TD>" + 
      "<TD>Data 2</TD>" + 
   "</TR>" + 
   "<TR>" + 
      "<TD>Data 3</TD>" + 
      "<TD>Data 4</TD>" + 
   "</TR>" + 
"</TABLE>"); 
}
}); 
</script>
</head>

<body> 
<div id='test' style="float: left; width: 100px;" ></div> 
<div id="prompt1" style="float: left; width: 200px; height:50px; width:50px; background: grey; color: white;  position: fixed; top: 150px; right: 0; z-index: 9999">Prompt1</div>
</body>
</html> 

编辑

正确的答案是在页面顶部添加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2 个答案:

答案 0 :(得分:2)

您的代码有效。 div刚刚移到右侧。根据分辨率 - 您可能看不到它。

关键属性只是position=fixed

答案 1 :(得分:2)

IE 8使用fixed做了有趣的事情 - 查看Position fixed and Internet Explorer或google&#34; ie8 position:fixed&#34;