小编jic*_*ick的帖子

所以我使用CSS:target选择器弹出这个模态.但是,单击时页面会跳转到锚点.我想阻止页面跳转到:目标选择器.我怎样才能做到这一点？

<a href="#openModal">Info</a>

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

CSS:

.modalDialog {
    position: absolute;
    pointer-events: none;
    z-index: 99999;
opacity:0;
}

.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    width: 900px;
    height: 506px;
    position: relative;
    background: rgba(0,0,0,0.9);
}