使阴影下的html链接不可单击

我在HTML页面中插入了一个模式。 我想使标题链接在模式显示时不可点击（这里的屏幕截图：）

以下是我的css：

 .modal {
  display: none;
  width: 600px;
  height: 800px;
  z-index: 999 !important; \\I use this to display it over the header.
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  box-shadow: inset 0 20px 40px -20px #000; 
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

以及模态的html：

<div id="ex1" style="display:none;">
    <p class="curr"> <?php include 'mypagewithtext.html'; ?></p>
  </div>

有人有主意吗

---

编辑：仅标题。

我做了一个简单的小提琴来演示如何操作：

我的技巧是使用div覆盖作为阴影：

.overlay{
    position:fixed;
    top:0;
    left:0;
    background-color:black;
    width:100%;
    height:100%;
    opacity:0.4;
}

---

基本上，固定div获得的是点击，而不是页面内容

仅仅是标题链接或是所有不在模态中的东西？