使用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显示工具提示行

回答

相关问题