Question

我有一个java脚本，当鼠标悬停在图像上时，它基本上会改变图像的zindex。虽然这个工作我不得不重做一些维度和CSS中的定位。现在没有为图像运行脚本。要查看示例，请转到http://officialacescottie.co.uk并检查Home是否正常工作以及其他任何工作正常。

JS

<script>

A=""
function mouseover1() {
document.getElementById(A).style.zIndex="1"
}
function mouseoff1() {
document.getElementById(A).style.zIndex="100"
}
</script>

CSS

#HButton { background-image:url(../DefaultPage/Buttons/Home.gif); background-color:#000; height:14.8%; width:100%; color:#FFF; background-size:100%; position:absolute; z-index:90; left:0px; background-repeat:no-repeat;}

#HButton2 { background-image: url(../DefaultPage/Buttons/HomeP.gif); background-color:#000; height:14.8%; width:100%; color:#FFF; background-size:100%; position:absolute; z-index:89; top:0px; left:0px; background-repeat:no-repeat;}

那是破解的CSS代码

这个有效：

CSS

#HButton { background-image:url(../DefaultPage/Buttons/Home.gif); background-color:#000; float:left; height:60px; width:350px; color:#FFF; background-size:100%; position:relative; z-index:90;}

#HButton2 { background-image: url(../DefaultPage/Buttons/HomeP.gif); background-color:#000; float:left; height:60px; width:350px; color:#FFF; background-size:100%; position:relative; z-index:10; top:-60px;}

两个代码都使用相同的div标签

HTML

<div id="HButton" onmouseover="A='HButton'; mouseover1()" onmouseout="A='HButton'; mouseoff1()">
</div>
<div id="HButton2" onmouseover="A='HButton'; mouseover1()" onmouseout="A='HButton'; mouseoff1()">
</div>

Answer 1

你忘记了分号吗？ A = “”; 它在javascript中很重要但最好的解决方案是在函数中传递变量A

函数鼠标悬停1（A）

Answer 2

我能够发现两个不同之处：

1)  You have google ads on home but not AceWorks (dont think this is causing the issue)
2)  You closed the script tag on AceWorks but missed it on Home

请调整＃2。

Answer 3

检查您的控制台日志，表示未定义功能。

另一种方法可能是这样的：

<强>的Javascript

function mouseIn(y){
    y.style.zIndex = "1";
}

function mouseOut(y){
    y.style.zIndex = "100";
}

HTML

<div id="HButton" onmouseover="mouseIn(this)" onmouseout="mouseOut(this)"></div>

JavaScript进行更改后无法正常工作

3 个答案: