使陰影下的HTML鏈接不可點擊

Question

我在HTML頁面中插入了一個模式。 我想在顯示模式時使標題鏈接不可單擊（此處為屏幕截圖： http : //prntscr.com/4gyn61 ）

這是我的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>

有人知道嗎？

編輯：只有標題。

Answer 1

我做了一個簡單的小提琴來展示如何做：

http://jsfiddle.net/o261o9gk/

我的技術是使用div疊加作為陰影：

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

基本上，固定div會獲得點擊次數，而不是頁面內容。