如何使 div 元素固定？

Question

我需要修复我的 <div> with id=prompt1 并置于所有其他元素之上。这样每当我滚动 window 时，我仍然可以看到 <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">

Answer 1

您的代码有效。 div 只是移到了右边。取决于分辨率 - 您可能看不到它。

关键属性就是position=fixed

Answer 2

IE 8 使用 fixed 做一些有趣的事情 - 查看 Position fixed and Internet Explorer 或 google "ie8 position:fixed"

如何使 div 元素固定？

How to make a div element fixed?

html

css

internet-explorer-8