ブートストラップ3、左側のサイドバーメニュー、ゴーストボーダー

Question

おはよう。

私はブートストラップ3のサイドバーを持っており、IE 11でテストしています。 サイドバーの境界線に奇妙なゴースト効果があります。ページが最初にレンダリングされると、サイドバーの下端が表示されます。折りたたみ可能な項目の上にマウスを置くと、ゴーストの右端が表示され、ページが更新されるまで残ります。画像はthisのように見えます。

色の選択は、表示されるゴーストエッジを強調するためにここで行われたことに注意してください。 :)

以下に示されているサイドバーに関連付けられているCSSは、（DIV部「パネルのサイドバーは、」一度3つの主要な折り畳み式のメニューのそれぞれについて、3回繰り返し、簡潔にするためにここでは示されていないことに注意）：

私は境界線を設定する多くの組み合わせを試したとして

<div class="row-offcanvas row-offcanvas-left active"> 
    <div class="sidebar-offcanvas" id="sidebar" style="overflow-y:hidden; background-color:fuchsia;"> 
     <div class="col-md-12 left-menu"> 
      <div class="panel affix" id="accordion"> 
       <div class="panel sidebar"> 
        <div class="panel-heading unselectable" unselectable="on"> 
         <h4 class="panel-title"> 
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Group 1</a> 
         </h4> 
        </div> 
        <div id="collapse1" class="panel-collapse collapse in"> 
         <table class="sidebarTable"> 
          <tr> 
           <td> 
            <a href="#">Orders</a> <span class="label label-success">$ 320</span> 
           </td> 
          </tr> 
          <tr> 
           <td> 
            <a href="#">Invoices</a> 
           </td> 
          </tr> 
          <tr> 
           <td> 
            <a href="#">Shipments</a> 
           </td> 
          </tr> 
          <tr> 
           <td> 
            <a href="#">Tex</a> 
           </td> 
          </tr> 
         </table> 
        </div> 
       </div> 

任意の助けいただければ幸いです：なし、アウトライン：なし、など

Answer 1

あなたは、この特定のCSSスタイルとIE10の+をターゲットに試みることができます。

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
    /* IE10+ CSS styles go here */ 
} 

Answer 2

私の悪い、私はCSSとブートストラップにとても新しいですので、これを逃した...ブートストラップパネル定義は、ボックスシャドウ定義されていたと私は

box-shadow:none; 

に設定したときに世界が返されましたそれは以前の安定性です。

Btw私は、ブラウザでF12を押して、適用されていた実際のスタイリングを公開することを示す別の投稿からヒントを取得することでこれを判断しました。

乾杯。