在阴影下创建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; 
} 

Basicaly，固定股利获得点击而不是你的页面的内容。