css - 可以在 Kendo Tabstrip 项目之后添加管道分隔符吗？

Question

我的设计师递给我一个相当简单的菜单，菜单项由管道分隔，因此它看起来像这样：

Home | About | Members | Contact

根据一个人的位置，菜单项可能会更少或更多。

在 CSS 中的伪 :after 类之外（IE7 不支持，我必须支持 IE7），在 Kendo Tabstrip 代码中是否有办法添加分隔管道字符，使其不是链接的一部分？

提前致谢...

Answer 1

它必须是管道 ( |) 还是可能只是一条垂直线？如果是这样，请尝试添加以下样式：

#menu {
    border-width: 0;
}

#menu > li.k-item {
    border-width: 0 3px 0 0;
    border-color: black;
}

#menu > li.k-item.k-last {
    border-width: 0;
}

在此处查看示例：http: //jsfiddle.net/OnaBai/ShRwy/

Answer 2

尝试加载这个：

http://code.google.com/p/ie7-js/

IE8 版本，然后你应该可以使用 :after

a:after {
content: " | ";
}

有趣的问题是 IE7 不支持 :after，但上面的脚本应该“修复”它，如果它不破坏更多。