html - 按钮不能用相对div点击

Question

我正在尝试使按钮可点击，但运气不佳，我已经尝试过 z-index 和绝对位置，但父亲 div 有一个“position:relative”搞砸了一切..我不能'不要接受它，因为它会在我的页面上产生视差效果

这是 fiddle :

http://jsfiddle.net/J4HN8/

#separatorMJ3{
     position: relative;
     color:#fff;        
     background-image: url("http://stuffkit.com/wp-content/uploads/2011/08/Guitar-HD-Wallpaper-5.jpg");
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     z-index:-1;
     width: 100%;
     padding-top:80px;
     padding-bottom:80px;
}

<div id="separatorMJ3">
     <a href=#>Check in</a>
</div>

我能用它做什么？

ps.: fiddle是带链接的，但是思路是一样的

Answer 1

删除 z-index:-1; Updated Fiddle