IE javascript兼容性快把我累死了

我把跨浏览器兼容性问题留到了最后，看来IE将是一大难题。在IE中什么都不起作用

首先，以下情况不起作用：

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

我在MouseOver上有一个不可见的div，它显示一个透明的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指数问题

我找不到更多的bug，因为IE没有进入后期…：（

与“高度样式”属性不同，@height属性只接受数值

img.setAttribute("height", "270");

@height属性（与height样式属性不同）仅接受数值

img.setAttribute("height", "270");

---

当jquery（从外观上看已经在页面上）可以更可靠地执行时，为什么要手动附加事件处理程序

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

至于图像：

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

var img=$（“”）；
img.css（“高度”、“270px”）；

当jquery（从外观上看已经在页面上）可以更可靠地执行时，为什么要手动附加事件处理程序

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

至于图像：

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

var img=$（“”）；
img.css（“高度”、“270px”）；

或将它们全部合并

$('<img/>').height(270).append('body');

顶行是将面板缓存在var保存中，并查找两次。

或将它们全部合并

$('<img/>').height(270).append('body');

---

最重要的一行是将面板缓存在一个var保存中，并查找它两次。

也许您可以尝试这样的方法……这将使您了解如何实现……但是有一个基本变量声明，您可以用于javascript dom更改

 var cross=document.all? document.all.cpanel: document.getElementById("cpanel");

   cross.style.width=100 +"px";   //eg of setting style.width property

---

类似的东西可能是让对象与编辑兼容的一个开始。

也许您可以尝试类似的东西……这会让您了解如何实现……但是有一个基本变量声明，您可以用于javascript dom更改

 var cross=document.all? document.all.cpanel: document.getElementById("cpanel");

   cross.style.width=100 +"px";   //eg of setting style.width property

---

类似的内容可能是让对象与编辑兼容的一个开始。

你能让你的问题标题更具描述性吗？：）@WowtaH，我还以为只有我…=）正如下面的答案中所述，让jQuery为您完成这项艰巨的工作。这就是它的设计目的，减轻跨浏览器JS的一些痛苦。见和。希望有帮助。你能让你的问题标题更具描述性吗？：）@哇，我还以为只有我…=）正如下面的答案中所述，让jQuery为您完成这项艰巨的工作。这就是它的设计目的，减轻跨浏览器JS的一些痛苦。见和。希望能有帮助。我试过上面的方法。它在FF中工作良好，但IE甚至无法识别在cpanel中淡出的图像顶部的空div（“悬停”）。有没有我缺少的z索引技巧？你能用dom结构编辑你的问题吗？我不明白你的意思。我试过上面的方法。它在FF中工作良好，但IE甚至无法识别在cpanel中淡出的图像顶部的空div（“悬停”）。有没有我缺少的z索引技巧？你能用dom结构编辑你的问题吗？我不明白你的意思。