jquery定位的IE8问题

Question

我想使用jquery在视图窗口中间放置一个加载图形。该解决方案，我想出了除了IE8或以上的所有浏览器的工作原理：

JS

<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错误？我怎样才能解决这个问题？

Answer 1

你的问题是window.innerWidth和window.innerHeight不适用于IE。

这是最安全的使用jQuery工作了这一点，请使用以下的要求之一，

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

Answer 2

Innerwidth和innerheight在IE不支持。（除IE9）

见quirksmode

您可以使用

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

Answer 3

尝试使用

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