html - 显示带有排序指示符的省略号

Question

在我的小提琴中，我有三个示例说明如何在表头上显示排序指示器。

我的问题在第三栏。当我缩小到省略号时，排序指示器隐藏在 Chrome 中，而在 IE 中它位于文本顶部。

铬合金

IE

有没有办法让排序指示器与标题保持紧贴并在显示省略号时保持可见（类似于第二列）？

我已经尝试将指标分解为它自己的跨度，但我似乎无法让带有标题的跨度崩溃。

Answer 1

对我来说，这在 IE 中似乎比在 Chrome 中更明显。解决此问题的一种方法可能是使用 CSScontent属性并将排序指示器移到其中，然后从 .indicator-right 类中删除背景图像。

jsFiddle 示例

CSS

.indicator-right:after {
    content:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
}