jquery - 可点击链接上方的 Div

Question

我想在另一个包含链接的 div 之上创建一个 div。 问题是第一个 div 阻止访问链接。 是否可以让它呈现但可访问？

(我不想在一个 div 周围做一个边框，或者类似的东西，我真的想在另一个 div 上面做一个 div)

DEMO IN FIDDLE

HTML :

<div class="top">
<a href="#">LINK</a>
</div>
<div class="bottom"></div>

CSS:

.top { 
height:100px;
width:200px;
position:fixed;
top:10px;
background:yellow; }

.bottom { 
height:50px;
position:fixed;
top:10px;
width:100px;
border:3px solid red; }

Answer 1

我相信您正在 .bottom 的 CSS 中寻找 pointer-events:none;

试试这个:

.bottom { 
    height:50px;
    position:fixed;
    top:10px;
    width:100px;
    border:3px solid red;
    pointer-events:none;
}

http://jsfiddle.net/wrxsti85/aYV4J/

希望对您有所帮助!

编辑:添加了一个 fiddle