Internet Explorer 中的 JQuery 脚本问题

Question

我制作了一个适用于所有浏览器的脚本，除了某些 Internet Explorer 浏览器。我似乎无法弄清楚为什么有些 Internet Explorer 可以工作，而另一些则不行。在办公室，4 个 Internet Explorer 8 @ 版本 8.0.6001.18702 可以完美工作，而另外 4 个 Internet Explorer 8 @ 版本 8.0.6001.18702（因此完全相同的浏览器）无法工作。我们都拥有 Windows XP 和所有最新更新。

请使用 Firefox、safari 访问 http://www.stardekk.be/voorontwerp/verco/ 、chrome...然后使用 Internet Explorer（7、8，没关系）。

问题出在网站的顶部。拇指应该有一个覆盖层，当悬停时；覆盖层应该消失，并且应该出现一个工具提示。

我希望有人能帮助我，因为 50% 的工作是由 Internet Explorer 完成的，而 50% 的工作则没有。

谢谢

<script type="text/javascript" language="javascript">
$(window).load(function() {
$("#gallery div img").after('<div class="overlay"></div>');
$(".overlay").css("position", "absolute");
$(".overlay").css("z-index", "30");
$(".overlay").css("background", "url('images/overlay.png')");
$(".overlay").css("top", "0");
$(".overlay").css("left", "0");
$(".overlay").css("width", "241px");
$(".overlay").css("height", "146px");

var userAgent = navigator.userAgent.toLowerCase();

if ($.browser.msie) {
    $('.overlay').hover(function() {
        $(this).stop().fadeTo("fast", 0, function() { $(this).css("background", "transparent") });
    },
    function() {
        $(this).stop().css("background", "url('images/overlay.png')").fadeTo("fast", 0.8);

    });
} else { 
    $('.overlay').hover(function() {
        $(this).stop().fadeTo("fast", 0, function() { $(this).css("background", "transparent") });
    },
    function() {
        $(this).stop().css("background", "url('images/overlay.png')").fadeTo("fast", 1);
    });
}
});

Answer 1

尝试使用文档 ready 函数或其速记版本，而不是窗口加载事件来包装代码。

 $(function() {
    ...
 });

Answer 2

您是否检查过所有相同的浏览器都在相同的兼容模式下运行？使用开发人员工具，可以将浏览器配置为使用不同的渲染引擎。选项有...

• IE7
• IE8
• IE8 兼容性视图。

Answer 3

新代码（有提示）

$(window).load(function() {
$("#gallery div img").after('<div class="overlay"></div>');
$(".overlay").css({"position":"absolute", "z-index": "30", "background": "url('images/overlay.png')", "top": "0", "left": "0", "width": "241px", "height": "146px"});

var trans = $.browser.msie ? 0.8 : 1;

$('.overlay').hover(function() {
    $(this).stop().fadeTo("fast", 0, function() { $(this).css("background", "transparent") });
},
function() {
    $(this).stop().css("background", "url('images/overlay.png')").fadeTo("fast", trans);

});
});