我的设计师递给我一个相当简单的菜单,菜单项由管道分隔,因此它看起来像这样:
Home | About | Members | Contact
根据一个人的位置,菜单项可能会更少或更多。
在 CSS 中的伪 :after 类之外(IE7 不支持,我必须支持 IE7),在 Kendo Tabstrip 代码中是否有办法添加分隔管道字符,使其不是链接的一部分?
提前致谢...
它必须是管道 ( |
) 还是可能只是一条垂直线?如果是这样,请尝试添加以下样式:
#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/
尝试加载这个:
http://code.google.com/p/ie7-js/
IE8 版本,然后你应该可以使用 :after
a:after {
content: " | ";
}
有趣的问题是 IE7 不支持 :after,但上面的脚本应该“修复”它,如果它不破坏更多。