位置已修复且Internet Explorer
[英]Position fixed and Internet Explorer
问题描述
this is my css. 
这是我的CSS。 It is working fine in firefox but not working in IE. 它在Firefox中工作正常，但在IE中无法正常工作。
#Createinner {
position: fixed;
width: 400px;
height: 280px;
margin-left: -200px;
margin-top: -140px;
top: 50%;
left: 50%;
background-color: #ccc;
}
How to solve this. 怎么解决这个问题。
Thanks in advance 提前致谢
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
What sorted my problem with IE was the code in: 用IE排序我的问题是代码：
http://annevankesteren.nl/test/examples/ie/position-fixed.html http://annevankesteren.nl/test/examples/ie/position-fixed.html
basically added: 基本上补充：
h1{
position:fixed;
_position:absolute;
top:0;
_top:expression(eval(document.body.scrollTop));
}
解决方案3
2 2015-03-11 13:11:59
for fixed position in IE 8 DOCTYPE is very very important. 对于IE 8中的固定位置， DOCTYPE非常重要。
one of: 之一：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
or 要么
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
or 要么
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
or 要么
<!DOCTYPE HTML>
And its very very important that 而且非常重要
those be in first line. 那些在第一线。
css: CSS：
#footer
{position: fixed; right: 0px; bottom: 0px; }
html: HTML：
<div id="footer" >
Fixed Div
</div>
解决方案4
1 2009-07-28 10:36:28
IE6 doesn't support position fixed. IE6不支持固定位置。
If you really need this to work in IE6, use conditional comments to serve an IE only CSS file and fake position:fixed with CSS expressions. 如果您确实需要在IE6中使用它，请使用条件注释来提供仅IE的CSS文件和假position:fixed使用CSS表达式position:fixed 。
(edited to correct IE version info.) （编辑以更正IE版本信息。）
解决方案5
1 2010-01-10 02:21:54
I recently wrote a jQuery plugin to get position:fixed working in IE 6+. 我最近写了一个jQuery插件来获取位置：修复了IE 6+的工作。 It doesn't jitter on scroll, it looks at capability (not user-agent), works in Internet Explorer 6, 7, 8. 它不会在滚动上抖动，它会查看功能（不是用户代理），适用于Internet Explorer 6,7,8。
If you use strict mode in IE7+ position:fixed will be honoured, but by default IE7+ operates in Quirks Mode. 如果你在IE7 +位置使用严格模式：固定将被尊重，但默认情况下IE7 +在Quirks模式下运行。 This plugin checks for browser capability, and if it doesn't honour position:fixed, then it implements the jQuery fix. 这个插件检查浏览器功能，如果它不支持position：fixed，那么它实现了jQuery修复。
http://code.google.com/p/fixedposition/ http://code.google.com/p/fixedposition/
Something like this may work for you: 这样的事可能适合你：
$(document).ready(function(){
$("#Createinner").fixedPosition({
debug: true,
fixedTo: "bottom"
});
});
You may need to make some minor CSS adjustments to get it working for your code. 您可能需要进行一些小的CSS调整才能使其适用于您的代码。 I'm working on "offset" values as options as we speak. 我正在研究“偏移”值作为我们所说的选项。
解决方案6
0 2009-07-28 10:38:50
- Versions of IE pre 8 do not support position fixed properly. IE pre 8的版本不支持正确修复位置。
- What is the problem with the CSS eg why is it not working, what do you see on the screen? CSS有什么问题，例如为什么它不起作用，你在屏幕上看到了什么？
解决方案7
0 2012-03-15 07:58:59
http://ieproblems.blogspot.com/ use this one it will solve your problem 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 will not let you style elements that it does not recognise. Internet Explorer不会让您设置它无法识别的元素的样式。 - Use only [HTML elements][1] in HTML documents - 仅在HTML文档中使用[HTML元素] [1] 您已更新了问题，因此看起来您正在使用ID选择器而不是类型选择器。
This renders my original comment irrelevant.
这使我的原始评论无关紧要。
IE 6 does not support position: fixed IE 6不支持position: fixed
- Use workarounds if you need to support IE6 如果需要支持IE6，请使用变通方法
Other versions of IE don't support position: fixed in quirks mode 其他版本的IE不支持position: fixed在怪异模式
- Use a standards mode triggering Doctype (generally HTML 4.01 Strict is the right choice) 使用标准模式触发Doctype （通常是HTML 4.01 Strict是正确的选择）
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.