CSSを使用してツールチップを表示する

Question

ツールチップの機能を備えたスティッキーサイドバーメニューを開発しています。 ChromeとSafariでは、正しくレンダリングされますが、ツールチップはInternet Explorerの中央に表示されません。

は、ここで問題を引き起こしているように見えるコードです：上記

/* Vertically center tooltip content for left/right tooltips */ 
.tooltip-left:after, { 
    margin-left: 0; 
    margin-bottom: 0; 
} 

ChromeとSafariで、しかしないIEで正常にレンダリングします。私は同じようにそれを宣言する場合にのみ、それは

/* Vertically center tooltip content for left/right tooltips */ 
.tooltip-left:after, { 
    margin-left: 0; 
    margin-bottom: -16px; /* different */ 
} 

誰もがこれを正しくコーディングする方法などのアドバイスを提供することができ、おそらく使用してdisplay: inline-block IEで動作しますか？ https://jsfiddle.net/gavinfriel/jxg4th86/3/

Answer 1

私のためにすべてのブラウザでの問題を修正しました代わりにbottom:50%のbottom:0を設定（またはtop:0に置き換え）：

はここで完全なFiidleです。それを試して、結果があなたが望むものかどうかを確認してください。