css - 导航中的三角形边缘出现锯齿状

Question

我正在构建这样的导航：http: //jsfiddle.net/techydude/XZLDq/

我得到了其他成员的帮助，帮助我弄清楚如何用倾斜的边缘构建导航，但是边缘看起来并不平滑。有谁知道拉直边缘的方法吗？

Answer 1

我用 css3 skew 修复了它。 http://jsfiddle.net/XZLDq/5/

你可以用伪元素修复第一个和最后一个，就像你做的那样。