使用CSS顯示工具提示行

我正在開發帶有工具提示功能的粘性側欄菜單。在Chrome和Safari中，它呈現正確，但是，工具提示顯示偏離IE中心。使用CSS顯示工具提示行

這裏的，這似乎是導致問題的代碼：

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

以上呈現在Chrome和Safari罰款，但不是在IE中。只有當我這樣聲明它在IE

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

誰能提供任何意見，就如何正確地編寫這一點，也許使用display: inline-block工作？

下面是完整的Fiidle：https://jsfiddle.net/gavinfriel/jxg4th86/3/

來源

2016-04-29 Gavin Friel

設置bottom:0代替bottom:50%（或top:0代替）固定在所有瀏覽器的問題，對我來說。試一試，看看結果是你想要的？

來源

2016-04-29 10:07:56

這樣做！乾杯! –

不用擔心。我用啤酒付款：p –

如果你曾經在貝爾法斯特，我會給你買吉尼斯！ –

使用CSS顯示工具提示行

回答

相關問題