Question

这是我的CSS。它在Firefox中工作正常，但在IE中不起作用。

#Createinner {
    position: fixed; 
    width: 400px; 
    height: 280px; 
    margin-left: -200px; 
    margin-top: -140px; 
    top: 50%; 
    left: 50%; 
    background-color: #ccc; 
}

如何解决这个问题。

提前致谢

Answer 1

只需在页面顶部添加DocType标记

即可

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Answer 2

我对IE的问题排序的是以下代码：

http://annevankesteren.nl/test/examples/ie/position-fixed.html

基本上补充说：

 h1{
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
 }

Answer 3

用于IE 8中的固定位置 DOCTYPE 非常重要。

其中一个：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

或

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

或

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

或

<!DOCTYPE HTML>

非常重要

那些在第一行。

的CSS：

#footer
  {position: fixed; right: 0px; bottom: 0px; }

HTML：

<div id="footer" >
       Fixed Div
</div>

Answer 4

IE6不支持固定位置。

如果您真的需要在IE6中使用它，请使用条件注释来提供仅IE的CSS文件，并使用CSS表达式伪造position:fixed。

（编辑以更正IE版本信息。）

Answer 5

我最近写了一个jQuery插件来获取位置：修复了IE 6+的工作。 在滚动时不会抖动，它会查看功能（非用户代理），适用于Internet Explorer 6,7,8。

如果在IE7 +位置使用严格模式：固定将被接受，但默认情况下IE7 +在Quirks模式下运行。这个插件检查浏览器功能，如果它不支持position：fixed，那么它实现了jQuery修复。

http://code.google.com/p/fixedposition/

这样的事可能适合你：

$(document).ready(function(){
   $("#Createinner").fixedPosition({
      debug: true,
      fixedTo: "bottom"
   });
});

您可能需要进行一些小的CSS调整才能使其适用于您的代码。我正在研究“偏移”值作为我们所说的选项。

Answer 6

IE pre 8的版本不支持正确修复位置。
CSS有什么问题，例如为什么它不起作用，你在屏幕上看到了什么？

Answer 7

http://ieproblems.blogspot.com/使用它可以解决您的问题

#mainDiv{
overflow:auto;
}

#subDiv{
position:relative;
top:expression(this.offsetParent.scrollTop+'px');
left:expression(this.offsetParent.scrollTop+'px');
}

<html>
<head>

</head>

<body>

<div id="mainDiv">
<div id="subDiv">
This Text is Fixed
</div>
</div>

</body>

</html>

Answer 8

<德尔> 您已将其标记为HTML，但“`不是HTML元素。 Internet Explorer不会让您设置它无法识别的元素的样式。 - 仅在HTML文档中使用[HTML元素] [1] 您已更新了问题，因此看起来您正在使用ID选择器而不是类型选择器。这使我的原始评论无关紧要。

IE 6不支持position: fixed

如果您需要支持IE6，请使用workarounds

其他版本的IE在quirks模式下不支持position: fixed

使用standards mode triggering Doctype（通常是HTML 4.01 Strict是正确的选择）

位置已修复且Internet Explorer

8 个答案:

那些在第一行。