Html 弹出模式无法正常工作

我正在为我的学院制作一个网站，作为一个项目。为了向你们展示，我已经在一个免费的网站上发布了同样的内容 托管站点。现在在菜单的非正式部分，我想弹出一个模式，这是小提琴

点击我

   <div id="openModal" class="modalDialog">
<div>

    <a href="#close" title="Close" class="close">X</a>
    </div>
    </div>

---

但是单击它不起作用。请帮助我，而不是将其设置为目标，您可以为

单击我

按钮设置一个

onclick

事件，该按钮触发JavaScript函数将id

目标

附加到div（或其他类）。然后，将

.modalDialog:target

更改为

.modalDialog.target

。然后，只要在单击close按钮时删除该类即可

新小提琴：

这不应该干扰hastag滚动脚本

此外，如果您仍然希望它显示为链接，可以添加以下内容：

CSS：

a {
    color: #0645AD;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}
a:visited {
    color: #663366;
}

编辑：

a {
    color: #0645AD;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}
a:visited {
    color: #663366;
}

该行仅受IE11+支持：

pointer-events: none;

下面是一个备选方案，您可以使用HTML

IF

添加该方案，以检查版本是否为IE10或更低版本：

pointer-events: none; => z-index: -1;
pointer-events: auto; => z-index: 10; /*This may need to be increased depending
                                      on the elements on the page*/

IE9的新版本（以及许多其他版本，包括旧版本可以支持的任何内容）：

---

但是，它的缺点以及为什么除了IE9或更低版本（如果HTML

，如果
，则可以使用HTML
）之外，它不应该用于任何东西，因为它会突然出现而不是消失。
它在我尝试过的浏览器（Chrome、Firefox、IE）上工作得非常好…不，我想说的是，当你在我创建的网站（在菜单的非正式部分）中放置pop模式时，它不起作用..我在你的网站编码的任何地方都看不到搜索框。是什么激活了它？我只是试着将模式弹出代码放在非正式部分的项目中。但是它不工作，但它甚至不在页面的源代码中。这个东西在ie9中不工作。整个菜单冻结。现在链接正常工作。如何修复？但在chrome和firefox中工作正常。因此，您的方法在IE 9中工作，但该方法在所有其他浏览器和更新的IE版本中工作？您给出的方法在chrome和firefox中正常工作，但在ie9中不工作。使用该代码，所有链接在ie9中都停止工作。好的，我无法修复因为我是公交车，所以我现在就去，但我会晚一点去。当然……但请帮忙