IE8 CSS Hover Image Not Clickable JQuery

Question

我有一个有一个onmousedown事件的图像。当我将鼠标悬停在它上面时，它会显示一个单独的图像。我的悬停代码如下所示：

            $(".baur").hover(
                            function () {
                                    $(".hoverbaur").show();
                            },

我已经使用这段代码了一段时间，虽然今天我在IE8中测试过，但链接不起作用！最初，我将hoverbaur css显示设置为none，然后JQuery在悬停时改变它。我知道我也可以链接悬停图像，但其中有很多。我希望有一个CSS解决方案可以使悬停图像可见，但是它下面的图像的onclick事件仍然可以执行。

我想我的另一个问题是为什么这会在FF和Chrome中运行？

当然可以！示例图像看起来像这样

<img class="baur" onmousedown="showDiv()">
<img class="hoverbaur" style="display:none">

function showDiv(){
$("#welcome").show
}

任何建议都有帮助， 谢谢！

Answer 1

您将show()方法误输入为show。它应该是：

$("#welcome").show();

注意：jQuery允许您使代码不引人注目。你应该避免使用内联javascript / css。