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轮换？ 我想停用三角形，只保留菜单和大拇指。

Answer 1

简单。提供z-index。

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

小提琴：http://jsfiddle.net/zE5Ze/3/

或设置 width ！

#triangle_w {width: 100px;}

小提琴：http://jsfiddle.net/zE5Ze/4/