ポインタイベント：エッジで働いていないliはありませんか？

Question

IEエッジでのImテスト。これは私のCSSコードです

li.inactive{ 
    pointer-events: none; 
    background: #ccc; 
    -webkit-filter: none; 
    filter:none; 
    opacity: 1; 
    cursor: not-allowed; 
    h1{ 
     background: #eee; 
     color: #ccc; 
     span{ 
      color: #ccc; 
     } 
     i{ 
      color: #ccc; 
     } 
    } 
    h1:after{ 
     border-color: transparent transparent transparent #eee; 

    } 
} 

クロムでは動作しますが、私はh1上にマウスを置いてliをクリックできます。どのように私はそれを修正することができますどのような提案？

Answer 1

pointer-eventは、表示がblockまたはinline-blockに設定されていない限り、IE11およびEdgeのリンクでは機能しません。 Source

リチウム項目は、それが指定されていない限り、その問題を解決するために、どちらもdisplay:block;またはdisplay:inline-block;あり、これを試してみてください。

li.inactive{ 
    display:block; 
    pointer-events: none; 
    background: #ccc; 
    -webkit-filter: none; 
    filter:none; 
    opacity: 1; 
    cursor: not-allowed; 
    h1{ 
     background: #eee; 
     color: #ccc; 
     span{ 
      color: #ccc; 
     } 
     i{ 
      color: #ccc; 
     } 
    } 
    h1:after{ 
     border-color: transparent transparent transparent #eee; 

    } 
}