Javascript jQuery show（）未按预期工作

我不知道为什么这个.show（）方法在.click（）函数中不起作用？警报显示正确，但页面覆盖不正确

html

css

---

这是一个

Its，因为您在本文中使用了JQuery版本。请将代码中的

jQuery（edge）

更改为最新的jQuery版本（

jQuery 1.10.1

）

-看起来不错-除了小提琴中的额外

}

。-另外，不要像以前那样在另一个处理程序中注册处理程序，如果单击多次，它将添加多个处理程序……我认为这是因为span是内联元素，而

.show（）

是内联块和块元素

<!-- page overlay for login -->
<span id="page-overlay"></span> 

<a href="#" id="clicker">settings</a>

$(document).ready(function() {
  $("#clicker").click(function () {
    alert("Hello!");
    $("#page-overlay").show();
  });
});

#page-overlay {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #E0E0DF;
    opacity: 0.65; 
    z-index: 100;
}