jQuery 覆盖在 IE8 中不起作用

Question

如果此问题已在其他地方得到解答，我深表歉意，但我找不到任何内容。

我正在使用 jQueryTools Overlay .在 chrome 中工作正常，但在 IE-8 中我有一个问题，我的覆盖 Div 像普通 div 一样弹出，在我的表单顶部。

这是 html:

<div id="overlay" >
        <img src="http://www.sanbaldo.com/wordpress/wp-content/bigrotation2.gif" class="img-load" />
    </div>

这是 CSS:

#overlay
{
    background: #DCDCDC;
    border: 5px solid #666;
    display: none;
    height: 50%;
    left: 50%;
    opacity: 0.8;
    position: relative;
    top: 30%;
    width: 50%;
}
.img-load
{
    left: 50%;
    position: relative;
    top: 50%;
}

J查询:

$(".button_small").click(function () {
    $("#overlay").overlay().load();
});

Answer 1

问题是 IE8 现在遵守标准，这给试图规避 IE8 之前问题的插件带来了问题。

一种可能的解决方案是使用此元标记在 IE8 标准模式下强制 IE9:

另一种选择是修复代码:

大多数 UI 插件驻留在 $.browser.msie 上以检查我们是否在 IE 中，但它们不检查版本。在我的例子中，解决方案 (jquery.ui.checkbox.js) 是用这个变量替换所有 $.browser.msie 调用:

var isIEAndVersionIsLowerThan8 = $.browser.msie && (parseInt($.browser.version, 10) < 8);

此解决方案优于添加元标记，因为它将启用所有 IE8 功能。