Javascript 简单鼠标在Chrome上不工作？

好的，我在一个游戏中心工作。我有一个很酷的想法，所以当我把鼠标放在超链接上时，它会显示一张可怕的脸（只针对kickz&gigglez）

问题是，它在Firefox中运行得很好，但在Google Chrome中却不行？演示在这里：

请帮忙(

---

*我的问题：*为什么这在Chrome中不起作用，我如何修复它？*

在您的脚本中，使用img.style.visibility，而不是img.style.visibility

img.style.display="none";

及

确保同时从img标记中删除visibility='hidden'属性，否则它将无法工作

---

getElementById和（'img'）之间有一个空格，请删除该空格，然后重试。

您不需要任何javascript，只需使用此css声明，即可在所有浏览器中完美运行：

#img{
   display:none;
}

a:hover ~ #img{
   display:block;
}

为了使它更具体（以便它不会在所有悬停的锚上触发），将一个类放在锚上并编写（例如

。吓人的：hover~#img

）

不要使用onmouseover和onmouseout这些被认为是糟糕的编码实践，原因有几个。

---

另外，不要使用

center

标记，而是使用css声明

text align:center

。

它应该是“无”，而不是“隐藏”：）不起作用。现在，图像显示在开始处，并且一切都乱七八糟….？getElementById和（'img'）之间有一个空格，请删除该空格，然后重试。没问题，Christoph建议是确定的方法，但我正试图找出您的代码到底出了什么问题（除了不太优雅：）

#img{
   display:none;
}

a:hover ~ #img{
   display:block;
}