固定Div中的链接不可点击？

Question

我有一个像这样的顶级酒吧：

<div class="lesson_title">
    <a class="backButton" href="/courses/1">Back</a>
    <h2 class="lesson_name">Lesson 5</h2>
</div>

出于某种原因，.backButton链接不可点击。

这里是ERB的要点，编译HTML和CSS：

https://gist.github.com/justuseapen/8800dff9147ebf4442e2

为什么会发生这种情况？

编辑：

为了进一步细分，这里有几个div。一个名为.current_lesson的包装器和一个名为.player的相邻div。

对我来说，似乎.player或.lesson_name涵盖了link_to＆＃34; back＆＃34;但是我用z-index玩无济于事。还有其他建议吗？

Answer 1

查看代码时，lesson_name位于z-index中的backButton上方。所以你点击的是lesson_name h2而不是backButton

对于像这样的东西，最好把它放在http://jsfiddle.net/

中