划分可点击链接

Question

我想在另一个包含链接的div上面创建一个div.问题是第一个div阻止访问链接.它可以存在但可以访问吗？

(我不想在div周围做一个边框,或类似的东西,我真的想让div高于另一个div)

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

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

试试这个:

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

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

希望能帮助到你!

编辑:添加了一个小提琴