jquery - JavaScript、CSS、函数仅在 Internet Explorer 中不起作用

Question

我知道这个问题已经被问过一百万次了，但出于某种原因，我仍然无法找到解决问题的办法。

我有一个简单的 JavaScript 函数

   //Robert Lindsay
            $(document).ready(function () {
                $("#robertLindsay").hover(function () {
                    $("#robertLindsay div").css("visibility", "visible");
                },
      function () {
          $("#robertLindsay div").css("visibility", "hidden");
      });
            });

在我的 body 里我这样调用它

   <div style="margin-bottom: 51px">
        <div style="position: relative; float: left">
            <img alt="" class="style2" src="../Styles/12%20-%20065BHFgroup070.JPG" />                
            <div style="position: absolute; top: 5px; left: 150px; width: 131px;">
                <div id='robertLindsay'>
                    <div id="boxRobert" style="visibility: hidden; height: 127px; width: 150px;">
                        <center>
                            <a href="#">Dr. Robert Lindsay</a></center>
                    </div>
                </div>
            </div>
            </div>
     </div>

CSS 很简单:

 .style2
            {
                width: 650px;
                height: 410px;
            }

出于某种原因，它在 Firefox、Chrome、Safari 中都运行良好，除了 IE(从 5 及以上版本开始)

在谷歌搜索之后，我发现 .hover Action 对 IE 不起作用，因为悬停只需要链接 <a>。标签。然后我找到了一个修复程序(更像是一个插件)告诉你所有 .hover函数可以正常工作，但什么也没有发生。

然后我更改了我的代码以包含一些 CSS 并且不使用 .hover JavaScript 方法

在 CSS 中

#show_div
{ position:absolute 
visibility: hidden
}

在 Javascript 中我有一个简单的显示和隐藏方法:

document.getElementById("div1").show();

else 
document.getElementById("div1").hide();

在我的 body 里:

<div style="position:absolute" onmouseover="div1" onmouseout="div1">
Show the piece of text or div here

</div>

但由于某种原因我无法为图像做这件事。我只是不能将鼠标悬停在图像上。如果它在空白屏幕上，它工作正常，但如果在图像上，我就无法让它工作。

有解决过和我一样问题的人可以帮助我解决这个问题吗？

Answer 1

问题可能来自 css 可见性规则，我不确定旧版 ie 是如何处理它的。尝试设置 display:none/display:block。