位置已修复且Internet Explorer

28 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; 
}
Run Code Online (Sandbox Code Playgroud)

怎么解决这个问题.

提前致谢

小智 41

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Run Code Online (Sandbox Code Playgroud)

  • 但它如何帮助?我的意思是,它背后的逻辑是什么? (3认同)
  • 在注入代码或其他无法管理的文档类型的情况下,这并不能解决问题,但这可能是最好的规范答案.要回答上述评论 - 这个明确陈述的doc类型标签让浏览器知道它应该使用更符合标准的浏览器模式而不是quirksmode. (2认同)

Rig*_*iga 34

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

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

基本上补充:

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

  • 谢谢你的精彩参考.它工作(在IE7和IE8中测试) (2认同)

Que*_*tin -1

您已将其标记为 HTML,但 `` 不是 HTML 元素。Internet Explorer 不会让您设置它无法识别的元素的样式。- 在 HTML 文档中仅使用 [HTML 元素][1] 您已经更新了您的问题,以便您使用的是 id 选择器而不是类型选择器。这使得我原来的评论变得无关紧要。

IE 6 不支持position: fixed

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