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 旋转？我想停用三角形，只保留菜单和拇指活动。

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/