在余量左转换后，鼠标悬停不起作用

Question

我正在为一家我正在开办的计算机公司开发一个网站，并且由于某种原因，在margin-left转换为规格淡入后留出空间后，黑色案例是唯一一个拥有工作鼠标悬停。用于银色和红色外壳的鼠标悬停将停止工作，直到您单击X以关闭规格。

网站为http://angryrhinocomputers.com

非常感谢任何帮助。

编辑：现在我看到黑色表壳不会褪色，它会消失并重新出现。

Answer 1

Hy，首先你应该考虑使用css更改的类而不是id。

尝试保留id原样并给出在mouseover / mouseout上更改的div类。

但如果你想继续这种方式，你应该检查一下：

当您尝试淡化银色外壳并淡出其余部分时，您可以使用此功能：

function selectSilver(){
    document.getElementById("umx2-black").id = "umx2-black-faded";
    document.getElementById("umx2-red").id = "umx2-red-faded";
    document.getElementById("c-silver").id = "c-silver-mo";
    document.getElementById("colors").id = "colors-mo";
}

但此时"umx2-black" div有一个事实："umx2-black-specs"

这就是为什么我建议使用类，因为你可以向一个元素添加多个类。

...

所以更清楚：

• 当您打开规格时，您将黑色外壳的ID更改为“umx2-black-specs”;

• 当您将鼠标悬停在其余案例上时，您会尝试将黑色案例的ID从“umx2-black”更改为“umx2-black-faded”

  问题在于您正在寻找“umx2-black”而不是“umx2-black-specs”，这就是您在上述功能中出错的原因。