html - CSS - 停用顶部 div

Question

如何停用顶部 DIV 以便我可以选择它下面的内容？

检查我在这里做了什么: http://jsfiddle.net/zE5Ze/2/

#triangle_w {
    width: 1000px;
    height: 178px;
    overflow: hidden;
    position: fixed;
    left: -24px;
    top: -82px;
    /*outline: 1px solid pink;*/

    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}
#triangle {
    width: 961px;
    height: 176px;
    background: url('http://i.imgur.com/FTGa2.png') no-repeat;
    position: absolute;
    left: 10px;
    bottom: -80px;
    /*outline: 1px solid red;*/

    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}
#triangle #menu {
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    /*outline: 1px solid red;*/
}

没有旋转:http://jsfiddle.net/zE5Ze/5/如您所见，红色轮廓内的区域不可选择。

有没有一种方法可以做到这一点而不必摆弄 CSS 旋转？我想停用三 Angular 形，只保留菜单和拇指处于事件状态。

Answer 1

简单。给一个z-index。

#triangle #menu a {z-index: 5;}

fiddle :http://jsfiddle.net/zE5Ze/3/

或者设置一个宽度!

#triangle_w {width: 100px;}

fiddle :http://jsfiddle.net/zE5Ze/4/