堆栈内存溢出
  繁体   English   中英

位置已修复且Internet Explorer

[英]Position fixed and Internet Explorer

 原文  2009-07-28 10:32:29  5   8    html/ css

问题描述

这是我的CSS。 它在Firefox中工作正常，但在IE中无法正常工作。 

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

怎么解决这个问题。

提前致谢

8 个解决方案

解决方案1
 40  2010-11-11 14:20:09

只需在页面顶部添加DocType标签即可

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

解决方案2
 34  2011-05-24 12:42:24

用IE排序我的问题是代码：

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

基本上补充： 

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

解决方案3
 2  2015-03-11 13:11:59

对于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>

解决方案4
 1  2009-07-28 10:36:28

IE6不支持固定位置。

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

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

解决方案5
 1  2010-01-10 02:21:54

我最近写了一个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调整才能使其适用于您的代码。 我正在研究“偏移”值作为我们所说的选项。

解决方案6
 0  2009-07-28 10:38:50

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

解决方案7
 0  2012-03-15 07:58:59

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>

解决方案8
 -1  2009-07-28 10:35:00

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

IE 6不支持position: fixed

其他版本的IE不支持position: fixed在怪异模式

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将固定位置居中在Internet Explorer上不起作用 固定位置的网站菜单未在Internet Explorer 9中显示 div在Internet Explorer中的位置 Internet Explorer位置不正确 Internet Explorer 中的绝对位置 修复了Internet Explorer 9中消失的元素 在Internet Explorer和Edge浏览器中引导固定位置的导航栏标题和锚标记 位置：Internet Explorer中的粘贴边栏 Internet Explorer 7上背景图片的位置 具有固定布局问题的 Internet Explorer 7 表
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM