我能够创建一个整洁的尖头流程图，如下所示：http://jsfiddle.net/R8Gx3/3/
但是，主要浏览器（Chrome，Firefox，IE）的呈现效果并不一致。
关于如何以更可靠的方式实现同样效果的任何想法？
显然我可以使用图像，但我更喜欢CSS，因为在CSS中编辑颜色更容易（而不是创建新图像）。
我不能只使用三角形字符，因为元素背后有纹理背景，所以我需要透明度。
答案 0 :(得分：2)
我认为你可以更好地放置UTF-8三角形，两个在一端，一个在另一端，而不是依赖于边界黑客。
http://www.fileformat.info/info/unicode/char/25bc/browsertest.htm
答案 1 :(得分：0)
对于现代浏览器，您可以使用CSS转换（IE的为9及以上）
所以你制作一个带有顶部/右边框的盒子并将其旋转45度。
通过这种方式，您可以简化html，只需应用:after和:before（每一个都是其中一个提示）的箭头