クリップパスを使用してドロップダウンメニューが機能しません

Question

私は対角線側のナビゲーションバーで作業していますので、クリップパスを使用しますが、ドロップダウンメニューは機能しません。どうすれば修正できますか？

ありがとうございました。

サンプルコード

https://www.bootply.com/HBn3AUWrKQ

Answer 1

の代わりに使用すると、絶対角度をシミュレートし、サイドバーの左側に配置されている擬似要素三角形を追加することができ、全体ナビゲーションバークリッピング。それはメンテナンスのためのより良いオプションになります。アングルスタイルの新しいクラスを追加することも良い提案です。ただ、クリップパスのスタイルを削除し、.navbarにこのCSSを追加します。私は、CSSの三角形のために、このツールを使用

.navbar-width-angle::before { 
    /* dimensions and position */ 
    content: ""; 
    left: -1px; /* remove overlapping of orange-bg */ 
    width: 0; 
    height: 0; 
    position: absolute; 

    /* styles for the triangle */ 
    border-style: solid; 
    border-width: 50px 50px 0 0; 
    border-color: #ffffff transparent transparent transparent; 
} 

： http://triangle.designyourcode.io/