1

如何停用顶部 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 旋转?我想停用三角形,只保留菜单和拇指活动。

4

1 回答 1

1

简单的。给一个z-index

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

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

或者设置一个width

#triangle_w {width: 100px;}

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

于 2012-10-30T12:38:48.013 回答