javascript - 无法让 JQuery 显示正常工作

Question

我是 javascript 的初学者，我似乎无法弄清楚一些事情。

我正在尝试使用 jquery 显示覆盖 div。这是我的东西

$("#loginbutton").click(function() {
    alert('Ola');
    $('#overlay').show();
    return false;
  });

叠加层的随附 css

#overlay {
z-index:1000;
position:fixed;
top:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.45;
-moz-opacity:0.45;
filter:alpha(opacity=45);
visibility:hidden;
}

按下登录按钮将显示警报，但不会显示 div。有没有人知道为什么这不起作用？

谢谢

Answer 1

将 visibility:hidden 更改为 display:none

---

我相信 $.show() 函数是 display:block 属性的简写，它将替换你的 display:none

但是，如果您有 visibility:hidden，那么它将保持隐藏状态