Jquery定位的IE8问题答案

【问题标题】：IE8 problem with Jquery positioningJquery定位的IE8问题
【发布时间】：2010-12-08 20:34:26
【问题描述】：

我正在尝试使用 jquery 将加载图形放置在视图窗口的中间。我提出的解决方案适用于除 IE8 或更早版本之外的所有浏览器：

   <script type="text/javascript">
      jQuery(document).ready(function(){
        jQuery("#loading_spinner").css("left", window.innerWidth/2);
        jQuery("#loading_spinner").css("top", window.innerHeight/2);
      });
    </script>

HTML

       <div id='GB_overlay' style="display:none;">
        <div id="loading_spinner" style="position:absolute;">
          <img src="/img/transparent_loader.gif" alt="#"/>
        </div>

由于某种原因，在 IE8 或更低版本中，微调器位于屏幕的左上角而不是中心。这是一个IE错误吗？我该如何解决这个问题？

【问题讨论】：

页面使用的是什么文档类型？ IE 可能正在以 quirks 模式呈现页面。

标签： javascript jquery css internet-explorer-8 internet-explorer-7

【解决方案1】：

IE不支持Innerwidth和innerheight（IE9除外）

见quirksmode

你可以使用

$(window).height() 和 $(window).width()

【讨论】：

【解决方案2】：

您的问题是 window.innerWidth 和 window.innerHeight 在 IE 上不起作用。

使用jQuery来解决这个问题是最安全的，根据需要使用以下之一，

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

【讨论】：

【解决方案3】：

尝试使用

http://api.jquery.com/height/

【讨论】：