javascript - IE javascript 兼容性让我很苦恼

Question

我把跨浏览器兼容性问题放在最后，看来 IE 会是个大麻烦。在 IE 中没有任何工作；

首先，以下是行不通的:

var img = document.createElement("img");
img.setAttribute("height", "270px");

我有一个不可见的 div onmouseover，它显示一个透明的 div“cpanel”。我也无法访问它。

if(hover.addEventListener){
    hover.addEventListener('mouseover',function () {$('#cpanel').fadeIn("slow");/*Core.addClass(cpanel,"on");*/},false);
    hover.addEventListener('mouseout', function () {$('#cpanel').fadeOut("slow");/*Core.removeClass(cpanel,"on");*/},false);
}
else if(hover.attachEvent) {
    hover.attachEvent('onmouseover',function () {$('#cpanel').fadeIn("slow");/*Core.addClass(cpanel,"on");*/});
    hover.attachEvent('onmouseout', function () {$('#cpanel').fadeOut("slow");/*Core.removeClass(cpanel,"on");*/}); 
}

也许有一些 z-index 问题？

我找不到更多的错误，因为 IE 没有进入后期阶段......:(

Answer 1

当 jquery(看起来已经在页面上)可以更可靠地执行时，为什么要手动附加事件处理程序？

$(hover).mouseover(function () { $('#cpanel').fadeIn("slow"); });
$(hover).mouseout(function () { $('#cpanel').fadeOut("slow"); });

对于图像:

var img = $("<img />");
img.css("height", "270px");