指针事件和z-index的问题

Question

我一直在撕扯我的头发一段时间，试图找出为什么我无法点击页脚中的链接。我知道我的CSS有点草率，但它完成了工作。可能有更多有效的方法来获取页脚的效果，该页脚粘贴在后面后面所有其他内容的页面底部，但这是我到目前为止所拥有的：

here's my jsfiddle of my issue

它在jsfiddle中看起来有些混乱，但想法是我有一个指针事件：没有在这里：

.bottomdivtransparent {
    pointer-events: none;
    width: 100%;
    top: 0px;
    height: 300px;
    left: 0;
    overflow: hidden;
    opacity: 0;
} 

哪个应制作它以便我可以点击链接，但它们仍然无法点击！我确定错误是非常简单的，并且正好盯着我......

有什么建议吗？或者更简单的方法是让页脚出现在我的所有内容后面，但仍然比所有内容延伸大约300px？

谢谢！

编辑：感谢Kasyx和Andrea Ligios的帮助 - 他们已经确定它在Firefox中运行良好，但在某些情况下不适用于Google Chrome。 margin-bottom属性正在搞乱.bottomdiv ..

Answer 1

正如我在评论pointer-events中注意到的那样，在这种情况下不起作用。但是，建议您将margin-bottom添加到您的div中，而不是像小提琴那样：http://jsfiddle.net/auFeV/6/

.bottomdiv {
    //(...)
    margin-bottom: 310px;
    //(...)
}

（感谢@Andrea Ligios改进这个答案）