jquery干扰IE9页面加载的css

Question

我正在尝试将这种粘性页脚模式应用于我的模板：

http://ryanfait.com/sticky-footer/

但是在Internet 9中，我看到一个滚动条，如果我向下滚动大量空白，出现在页脚下面：

​

​

它变得更加奇怪，因为我越来越多地从我的模板中剥离出来，直到我只剩下基本的布局、引导程序、页脚css、jquery和jquery。

Jquery和jquery库只是包含在头中，没有其他可以调用它们的java脚本加载。

在我从头上删除jquery之前，问题仍然存在。然后页面呈现ok。

以下是一些活生生的例子：

使用jquery-ui

没有jquery

此外，如果我调整窗口的大小，空白就会消失。我甚至试图在页面加载时触发$(window).resize()，但是没有这样的运气。

有谁知道为什么互联网浏览器9会增加这个神秘的空白，以及如何让它停止呢？我以为IE9应该是IE物种中最顺从的.

谢谢你的帮助，我一整天都在为这个问题发火。

Answer 1

通过调试jquery，找到了一些运行在文档就绪上的晦涩代码，这些代码将div附加到页面的末尾，以解决一个3年前的IE6问题！

jQuery UI 1.8.17第225行：

var body = document.body,
        div = body.appendChild( div = document.createElement( "div" ) );

$.extend( div.style, {
        minHeight: "100px",
        height: "auto",
        padding: 0,
        borderWidth: 0
});

$.support.minHeight = div.offsetHeight === 100;
$.support.selectstart = "onselectstart" in div;

// set display to none to avoid a layout bug in IE
// http://dev.jquery.com/ticket/4014
body.removeChild( div ).style.display = "none";

消除这个问题解决了我的问题，我认为IE9兼容性比IE6更重要。

Answer 2

您是否使用与jQuery UI共享的css类名？它们都以ui-开头，例如ui-icon、ui-widget-content等。想了解更多信息，请查看CSS框架文档。