0

测试一个导航栏，现在我把它的每一块都倾斜了 -30 度。单击任何给定的片段时，其内容会下降以显示在单击的内容下方。

我想让被点击的部分打开以显示内容是一个普通的矩形，但平行四边形只是变得更大来容纳里面的内容。所以理想情况下，被点击的部分会保持它的顶部倾斜，但打开一个矩形底部来保存它的内容。

尝试弄乱 div 如何相互包含并在

        transform: skewX(30deg);
     -o-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
-webkit-transform: skewX(30deg);

但似乎只会让事情变得更糟，任何帮助表示赞赏！

jsFiddle：http: //jsfiddle.net/ZUwyj/

4

1 回答 1

3

您只需要使用 . 向导航添加一个活动类skewX(0deg)。

这是jsFiddle。

编辑

更新了 JsFiddle

于 2013-07-30T00:41:54.347 回答